单行注释 //
多行注释 /* …… */
计算长度 length
跳出循环 break
跳过循环中的一个迭代 continue
检测变量的数据类型 typeof
到页面指定位置 href="#id"
死链接 href="javascript:void(0)
获取与输出
弹出框
警告框： window.alert(“sometext”);
确认框： window.confirm(“sometext”);
提示框： window.prompt(“sometext”,“defaultText”);
获取HTML元素
通过id获取: document.getElementById()
通过name获取: document.getElementByName()
通过标签名: document.getElementTagName()
通过类名: document.getElementClassName()
获取html标签: document.documentElement
获取body的方法: document.body
通过选择器获取一个元素: querySelector
通过选择器获取一组元素: querySelectorAll
写到HTML文档
document.write()
文档已完成加载后执行,整个 HTML 页面将被覆盖。
innerHTML = “段落已修改”
写入到 HTML 元素。
写入到浏览器的控制台
console.log()
主要是方便调式javascript用的,可以看到在页面中输出的内容。
变量
4.2.1 声明变量
语法
var 命名=值
变量是用于存储信息的"容器"。
可用于存放值（比如 x=5）和表达式（比如 z=x+y）。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头
- 变量名称对大小写敏感
可以在一条语句中声明很多变量,该语句以var开头,并使用逗号分隔变量，一条语句中声明的多个不可以赋同一个值。
let 命名=值
let声明的变量只在块中可用，var声明的函数作用域是整个封闭函数。
作用域与生命周期
局部变量
只能在函数内部访问它。
局部变量会在函数运行以后被删除。
全局变量
网页上的所有脚本和函数都能访问它。
全局变量会在页面关闭后被删除。
标识符
变量名、函数名、属性名等由我们自主命名的都称为标识符。
- 不能以数字开头。
- 不能是JS语法中关键字或保留字。
- 驼峰命名法。
数据类型
声明新变量时，可以使用关键词 “new” 来声明其类型。
基本类型（值类型）
字符串
String
存储字符的变量
数字
Number
一种数字类型
布尔
Boolean
布尔（逻辑）只能有两个值true或false
对空
Null
通过将变量的值设置为null来清空变量
未定义
Undefined
一个未声明的变量或已声明没有赋值的变量或一个不存在的对象属性
原始数据类型
Symbol
表示独一无二的值
引用数据类型
对象
Object
对象是拥有属性和方法的数据。
数组
Array
使用单独的变量名来存储一系列的值。
函数
Function
由事件驱动的或者当它被调用时执行的可重复使用的代码块。
事件
- HTML 事件是发生在 HTML 元素上的事情。
- 当在 HTML 页面中使用 JavaScript 时， JavaScript 可以触发这些事件
- HTML 事件可以是浏览器行为，也可以是用户行为
事件类型
UI事件，焦点事件，鼠标与滚轮事件，键盘与文本事件，复合事件变动事件，HTML5事件设备事件，触摸与手势事件,监听事件
UI事件
UI事件中UI即(UserInterface,用户界面),当用户与页面桑拿的元素交互时触发,包括load,unload,abort,error,select,resize,scroll事件
load事件
此事件为当页面完全加载完之后触发
unload事件
在文档被完全卸载后触发
resize事件
调整浏览器的窗口到一个新的宽度或高度时触发
scroll事件
在文档被滚动期间重复被触发
焦点事件
焦点事件会在页面元素获得或失去焦点时触发
blur 在元素失去焦点时触发。这个事件不冒泡
focus 在元素获得焦点时触发。这个事件不冒泡
focusin 在元素获得焦点时触发。这个事件冒泡
focusout 在元素失去焦点时触发。这个事件冒泡
鼠标与滚轮事件
click 用户单击鼠标左键或按下回车键触发
dbclick 用户双击鼠标左键触发。
mousedown 在用户按下了任意鼠标按钮时触发。
mouseenter 在鼠标光标从元素外部首次移动到元素范围内时触发。此事件不冒泡。
mouseleave 元素上方的光标移动到元素范围之外时触发。不冒泡。
mousemove 光标在元素的内部不断的移动时触发。
mouseover 鼠标指针位于一个元素外部，然后用户首次移动到另一个元素边界之内时触发。
mouseout 用户将光标从一个元素上方移动到另一个元素时触发。
mouseup 在用户释放鼠标按钮时触发
键盘和文本事件
keydown 当用户按下键盘上的任意键时触发。按住不放，会重复触发。
keypress 当用户按下键盘上的字符键时触发。按住不放，会重复触发。
keyup 当用户释放键盘上的键时触发。
textinput 这是唯一的文本事件，用意是将文本显示给用户之前更容易拦截文本。
事件绑定
普通元素绑定事件
var btn = document.getElementById(‘myBtn’);
btn.onclick = function() {
alert(‘Clicked’);
}
解除事件
btn.onclick = null;
DOM0事件模型
通过DOM0绑定的事件，一旦绑定将无法取消
使用window.onload加载完成后进行绑定
window.onload =function(){//事件}
放在body后面进行绑定
<body><button onclick="func()">内联模型绑定</<
最低0.47元/天 解锁文章
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
