设置严格模式
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='+yreturn false
在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为。
取消默认行为
循环打标签法
数组循环给自身增加一个index属性并随着循环赋值,再调用时利用this.index即可获取标签。
外部引入JS
使用外部链接的好处,1,保持代码的简洁。2,利于浏览器的缓存,加快访问速度。