一,js的三大组成部分
ECMAScript JS 的语法
BOM 一套操作浏览器的属性和方法
DOM 一套操作页面元素的属性和方法
二,js书写的三个位置
1,行内式 JS 代码(强烈不推荐使用)
行内式的 JS 代码就是直接在标签上书写 JS 代码
a 标签书写行内式 JS 代码
=> 直接写在 href 属性上就可以
=> 为了和跳转页面的行为发生一个区别
=> 我们会加一个 javascript: 我们要执行的 JS 代码;
非a 标签写行内式 JS 代码
=> 因为 非a 标签没有自己点击就做点事情的能力
=> 所以我们写 JS 代码, 需要先给标签一个能力
=> 然后再执行 JS 代码
=> 我们就会写成 οnclick=" 我们要执行的 JS 代码 "
=> onclick -> 当你点击再找个标签上的时候
2:内嵌式 JS 代码(开发时候不推荐使用)
内嵌式的 JS 代码再 html 页面写一个 script 标签 再 script 标签对里面书写 JS 代码
=> 不需要依赖事件执行, 只要页面打开会自动执行
=> 可以写很多句 JS 代码, 会按照从上到下的顺序执行
3:外链式 JS 代码(最推荐的写法)
把 JS 代码写在一个 .js 后缀的文件里 , 再页面中使用 script 标签的 src 属性引入页面执行
外链式 JS 代码打开页面就会自动执行
一个 script 标签一个作用
=> 当你把一个 script 标签当作外链式引入一个 JS 文件了
=> 那么他就不能再当作内嵌式执行代码了
=> 一个 script 标签
-> 要么当作内嵌式直接再标签对中写 JS 代码
-> 要么当作外链式使用 src 属性引入一个 JS 文件
理论上可以写在页面任何位置
=> 推荐写在 head 的末尾或者 body 的末尾
=>一个页面可以写多个 script 标签引入 JS 文件
=> 会按照从上到下的顺序执行
=> 内嵌式,外链式 标签理论上可以放在页面的任何位置
=> 推荐写再 head 标签的末尾或者 body 标签的末尾
=> script 标签一个页面可以写多个
=> 会按照从上到下的顺序依次执行每一个 script 标签里面的内容
三,js的变量
定义变量 var 或 let
var = n ;//声明变量
var n = 1;//声明变量n并赋值为1
可同时声明多个变量 var n,n1,n2,n3,n4;
且赋值 var n=1,n1=2,n3=4,n4=4;
var和let的区别,下次在补
命名规则
1:一个变量只能由 数字 字母 下划线 美元符 组成
2: 一个变量不能由数字开头
3:一个变量不能使用保留字或者关键字
4:JS 的变量严格区分大小写
命名规范
不要使用中文
尽量语义化
驼峰命名法
js的数据类型及转换https://blog.csdn.net/qq_44388827/article/details/105018566
js运算符https://blog.csdn.net/qq_44388827/article/details/105018516
js分支语句https://blog.csdn.net/qq_44388827/article/details/105018475
js循环https://blog.csdn.net/qq_44388827/article/details/105018345
js函数https://blog.csdn.net/qq_44388827/article/details/105017964