Skip to content

设置严格模式

javascript
'use strict'

注释

javascript
// 单行注释

/*
多行
注释
*/

驼峰命名法

使用驼峰命名法(camelCase)来书写一个 Javascript 变量。 在驼峰命名法(camelCase)中,变量名的第一个单词的首写字母小写,后面的单词的第一个字母大写

对于包含多个单词的变量名,JavaScript ,通常使用驼峰式大小写,例如,变量 className。

数据类型

类型示例
字符串"John"
数值22
布尔值false,True
数组["apple","pear","banana"]
对象{name:"Mark",age:22}
空值Null
未定义undefined

变量声明

javascript
// 通过var关键字声明的变量没有块作用域,在块{ }内声明的变量可以从块之外进行访问。

 // 通过let关键字声明的变量拥有块作用域,在块{ }内声明的变量无法从块外访问。
const 不可覆盖

变量没找到会报错,而属性没找到会返回Undefined

转义字符

javascript
/""

根据id选择元素

javascript
.getElementById("div1")

document.getElementById("saying").innerHTML = "嘿,下午好!"

页面的URL

[协议]//[主机名]:[端口]/[路径][搜索][hash]

Unix新纪元

描述时间的一种方式,1970-1-1-00:00:00 开始计时。

时间戳,从开始时到现在所经过的毫秒数。

浏览器运行顺序

浏览器在加载一个页面时,是按照自上而下的顺序执行的。

读取到一行就运行一行,因此脚本在body还是在head需要选择使用。

模板字符串

js
var name = "john";
var course = "Math Ai";
var myString = `hello ${name}, welcome to ${course}.`;
alert(myString)

Json

js
	<script type="text/javascript">
		var jsonObject = {
			"param1":"value1",
			"param2":"value2",
		}
		alert(jsonObject.param1);
	</script>

空链接

JavaScript
<a href="javascript:void(0);">单击此处什么都不会发生</a><br>

处理兼容性问题

判断当前浏览器是否有这个方法,判断浏览器版本

字符串拼接

JavaScript
'x=' +x+ ',y='+y

return false

在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为。

取消默认行为

循环打标签法

数组循环给自身增加一个index属性并随着循环赋值,再调用时利用this.index即可获取标签。

外部引入JS

使用外部链接的好处,1,保持代码的简洁。2,利于浏览器的缓存,加快访问速度。