JS的使用
- 行内式:
<div onclick=""></div> - 内嵌式:
<script>alert(哈哈哈哈)</script> - 外链式:
<script src="xxx.js"></script>
js 三种写法:
- 行内式
<input type="button" value="按钮" onclick="alert('hello world')" /> - 内嵌式
<body> <script> alert('hello world') </script> </body> - 外链式
<script src="main.js"></script>
JS的输出:
- console.log 控制台输出 — 打印文本时添加单引号或双引号
不添加单双引号时 输出的是变量所对应的值 添加单双引号时,输出的是单双引号所包裹的文字
<script>
var a = 100
console.log(a)
// 控制台输出变量值 a 的值 100
console.log('a')
// 控制台输出为 a
</script>
- alert() 弹窗输出
不添加单双引号时 输出的是变量所对应的值 添加单双引号时,输出的是单双引号所包裹的文字
<script>
var a = 100
alert(a)
// 在页面上显示弹窗输出变量值 a 的值 100
alert('a')
// 在页面上显示弹窗输出为 a
</script>
- document.write() 页面输出方式 — 打印文本时添加单引号或双引号
不添加单双引号时 输出的是变量所对应的值 添加单双引号时,输出的是单双引号所包裹的文字
<script>
var a = 100
document.write(a)
// 输出变量值 a 的值 100
document.write('a')
// 输出为 a
</script>
js的数据类型
- number类型 —— 所有的数字都是number类型
- string类型 —— 被单引号或双引号包裹的字符都是string类型理解:字符串都是黑色的
- boolean类型 —— 只有两种结果 true false一般用于条件判断
- undefined类型 —— 表示未定义 变量只声明不赋值的时候,值默认是undefined
- null类型空数据类 —— 一般数据声明变量时,后续修改重新赋值,初始化值没有赋值,那这时就初始化赋值 如果定义的变量准备在将来用于保存对象,最好将变量初始为 null
变量名的规范
- 可以包含数字,字母,下划线,$符号等字符
- 不能以数字开头,否则报错
- 不能使用JS语法中的关键字和保留字(以后可能会成为关键字的字符)关键字:arr if else for function
- 不建议使用中文变量名
- 变量名的建议遵循语义化规则采用 小驼峰命名方式如果命名涉及到两个以上的单词,建议使用小驼峰写法第二个单词首字母大写