01.html:
<input type="button" value="按钮" onclick="alert('Hello World')" />
02.html:
<head>
<script>
alert('Hello World!');
</script>
</head>
03.html:
<script src="main.js"></script>
main.js:
alert('Hello World!');
注意点: 引用外部js文件的 script 标签中不可以再写JavaScript代码,即使写了也不会执行,没有作用
温馨提示: 下面开始进入 JS 基础语法的学习,非常枯燥,别睡着…… 音乐很优美很动听,但学五线谱真的是乏味无聊痛苦不堪;
变量就是存储数据的容器;
var age;
var age;
age = 18;
var age, name, sex;
age = 10;
name = 'zs';
var age = 10, name = 'zs';
name变量名,本身不是保留字/关键字, 建议少用。 name在有的浏览器中,是自动声明过的。
var a = '1';
var b = '2';
// 借助第三个变量
var c = a;
a=b;
b=c;
console.log(a,b);
//第二种方式
var num1 = 10;
var num2 = 20;
//计算的方式:累加,然后相减
num1 = num1 + num2;//num1的结果是30
num2 = num1 - num2;//num2的结果是10
num1 = num1 - num2;//num1的结果是20
console.log(num1);
console.log(num2);
var num1 = 10;
alert(num1);
var num1 = 10;
var num2 = 20;
console.log(num1);
console.log(num1, num2);
var num1 = 10;
document.write(num1);
Number、String、Boolean、Undefined、Null
typeof
var age = 18;
console.log(typeof age); // 'number'
浮点数
var n = 5e-324; // 科学计数法 5乘以10的-324次方
浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数
var result = 0.1 + 0.2; // 结果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100);
不要判断两个浮点数是否相等
‘abc’ “abc” 单双引号引起来的一连串字符
注: \b 退格符 \f又叫走纸或进纸或 换页符
var s = '我很喜欢 \"黑马 \'程序猿\' \"';
console.log(s);
length属性用来获取字符串的长度
var str = '黑马程序猿 Hello World';
console.log(str.length);
字符串拼接使用 + 连接
console.log(11 + 11);
console.log('hello' + ' world');
console.log('100' + '100');
console.log('11' + 11);
console.log('male:' + true);
注: 关于undefined和null是一个面试中很容易被问到的问题
Object 对象:保存很多数据的一种数据类型
后面详解;
题外话 如何使用谷歌浏览器,快速的查看数据类型? 字符串的颜色是黑色的,数值类型是蓝色的,布尔类型也是蓝色的,undefined和null是灰色的
console.log('ss',2,null,undefined,true);
被注释的内容是不执行的,不管什么内容都不会运行;
单行注释
用来描述下面一个或多行代码的作用
// 这是一个变量
var name = 'hm';
多行注释
用来注释多条代码
/*
var age = 18;
var name = 'zs';
console.log(name, age);
*/
总结: JS代码的书写,变量的声明方式,数据类型,注释;