js引入方式
1. 内部脚本
内部脚本:将JS代码定义在HTML页面中
- JavaScript代码必须位于<script></script>标签之间
- 在HTML文档中,可以在任意地方,放置任意数量的<script>
- 一般会把脚本置于<body>元素的底部,可改善显示速度
弹出一个警告窗口
<script>
alert("Hello JavaScript")
</script>
2. 外部脚本
将JS代码定义在外部JS文件中,然后引入到HTML页面中
外部JS文件中,只包含JS代码,不包含<script>标签
🚥<script>标签不能自闭合
<script src="01.js"></script>
js基础语法
1. 输出语句
//输出语句
//方式一 弹出警告框
window.alert("hello");
//方式二 写入HTML中
document.write("world");
//方式三 输出在控制台
console.log("yeyeye");
html文件:
<script src="01.js"></script>
【运行结果】
2. 变量
//var是全局变量、可以重复定义
var a = 1;
var b = '1';
var c = "aaa";
console.log(a); console.log(b); console.log(c);
a = 3.14;
console.log(a);
【运行结果】
//const常量
const $dollar = 666;
$dollar = 66;
alert(dollar);
var a;
alert(typeof(a)); //undefined
alert(typeof(null)); //object
【运行结果】
常量不可被修改
3. 数据类型
注意与其他语言不同的是:有==和===
== 只比较值,=== 既比较值又比较类型
//== 只比较值,=== 既比较值又比较类型
var a;
a = 10;
alert(a === "10"); //false
alert(a == "10"); //true 发生类型转换
alert(typeof(a));
js函数
//定义一个函数 不需要写返回类型
function sum(a, b){
return a+b;
}
alert(sum(1, 2.5)); //result = 3.5
alert(sum(1, "1")); //result = 11
alert(sum(NaN, 2)); //result = NaN
alert(sum(undefined, 2)); //result = NaN