JavaScript,简称js:负责网页的行为(交互效果)。是一门跨平台,面向对象的脚本语言(编写出来的语言不需要编译,通过浏览器的解释就可以运行)
JS引入方式
1.内嵌样式
这样打开页面就会有警告标识
- 将JS代码放在<script>标签中
- 在HTML文档中,可以在任意地方,放置任意数量的<sccript>
- 一般把标签置于<body>元素的底部,可以改善显示速度
2.行内式: 把 JS 写到元素的内部
这样点击按钮就会触发JS操作
3.外联样式:将js代码定义在外部JS文件中,然后引入到HTML页面中
外部文件中,只包含JS代码,不包含<script>标签
- <script>标签不能自闭合
JS基础语法
1.书写语法
- 区分大小写
- 每行结尾分号可有可无
- 注释:跟java一样
- 大括号代表代码块
输出语句:
2.变量
JS中用var关键字(variable的缩写)来声明变量。
定义变量的时候,通过 var 变量名 = 初始值;
来完成变量的定义
就是不管创建的变量是啥类型,此时都是统一使用 var 关键字来表示的。JS 不区分整形浮点型之类的。
特点1:作用域大,是全局变量
特点2:可以重复定义,后定义的会把先定义的覆盖
3.数据类型
JS内置下面这些数据类型
特殊的数字
字符串类型
布尔类型
与 Java 中的 boolean 类型不同,JS 当中的 布尔类型,会当成 0 和 1 来处理。true 是 1,false 是 0。就像下列代码结果是2
<script>
let s = true;
console.log(s + 1);
</script>
4.运算符
JS 中的运算符和 Java 用法基本相同,这里拿一些不同的来说。
比较运算符 - 不同点
JS中比较相等的符号,有两种:== 和 === 。不相等的符号也有两种: != 和 !== 。
== 和 != :只是比较两个变量的值,不比较 两个变量的类型。两个变量能够通过隐式类型转换,转换相同的值,那么,此时就认为 两个变量 是相等的。
=== 和 !== :既要比较 两个变量的值,又要比较两个变量的类型。如果类型不相同,就直接认为两个变量不相等。
JS函数
JS 中的函数(function),在 Java 中叫做 方法(Method)
语法格式
1.
2.
因为JS是弱类型语言,创建函数时,形参不需要写类型 ,返回值也不需要类型,在函数内部直接return即可。
函数表达式
函数可以像一个普通的变量一样,赋值给 其他的变量。同时,可以作为另一个函数的参数,还可以作为另一个函数的返回值。
JS对象
JS对象概念跟Java类似,就是封装了方法跟属性。
Array数组对象
String字符串对象
自定义对象
JSON对象
BOM对象
DOM对象
JS事件监听
事件就是浏览器对于 用户操作 行为就行的 统称,大部分是用户操作产生的:
- 鼠标在页面上移动,就会产生一个鼠标移动事件
- 鼠标点击页面某个位置,就会产生一个鼠标点击事件
- 鼠标滚动,也是一个事件
事件监听:JavaScrit可以在事件被侦测到时 执行代码。
事件绑定: