js是一种轻量级的编程语言,可插入HTML页面。
DOM(Document Object Model)文档对象模型是用于访问HTML元素的正式W3C标准。
外部的JavaScript文件的扩展名是.js。如需使用外部文件,请在<script>标签的“src”属性中设置该.js文件。外部脚本不能包含<script>标签。
输出数据
window.alert() 弹出警告框。
document.write() 方法将内容写到 HTML 文档中。
innerHTML 写入到 HTML 元素。
console.log() 写入到浏览器的控制台。 调试
固定值称为字面量。关键字var来定义变量。
js有多种数据类型:
数字number,字符串string,数组object,对象object, function boolean
定义后可以通过typeof()来获取变量的数据类型
在文本字符串中使用反斜杠对代码进行换行。\
数组由[]赋值,对象由{}赋值。当声明新变量时,可以使用关键字new来声明其类型。
常见的HTML事件
下面是一些常见的HTML事件的列表:
事件 | 描述 |
---|---|
onchange | HTML 元素改变 |
onclick | 用户点击 HTML 元素 |
onmouseover | 用户在一个HTML元素上移动鼠标 |
onmouseout | 用户从一个HTML元素上移开鼠标 |
onkeydown | 用户按下键盘按键 |
onload | 浏览器已完成页面的加载 |
代码 | 输出 |
---|---|
\' | 单引号 |
\" | 双引号 |
\\ | 反斜杠 |
\n | 换行 |
\r | 回车 |
\t | tab(制表符) |
\b | 退格符 |
\f | 换页符 |
===绝对等于(值和类型均相等)
typeof "John" // 返回 string
typeof 3.14 // 返回 number
typeof false // 返回 boolean
typeof [1,2,3,4] // 返回 object 数组是一种特殊的对象类型
typeof {name:'John', age:34} // 返回 object
debugger关键字用于停止执行javascript
JSON JavaScript Object Notation是一种轻量级的数据交换格式。
JSON.parse()将JSON字符串转换为javascript对象
JSON.stringify()将javascript值转换为JSON字符串
<meta>元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档的头部,不包含任何内容,meta标签的属性定义了与文档相关联的名称/值对
js的继承和c++的继承不同,c++继承是基于类,js的继承是基于原型的。
在js中,函数是对象。js函数有它的属性和方法。call和apply是预定义的函数方法,两个方法用于调用函数,两个方法可用于调用函数,两个方法的第一个参数必须是对象本身。
可以通过给原型添加属性和方法来给对象添加属性或方法。
js原型的几篇博文:
浅谈js原型的理解: https://www.cnblogs.com/Jabin/p/5804159.html
创建类和对象:https://www.cnblogs.com/tiwlin/archive/2009/08/06/1540161.html
定义类或对象的方法:
1.工厂方法。函数中返回一个对象。 看起来不像对象的方法。
2.构造函数方法。this.member;.
3.原型方式
4.混合的构造函数/原型方式 先构造,再prototype.method
所有的非函数属性都由构造函数中创建,函数属性通过prototype创建
5.动态原型方法
6.混合工厂方式
js原型继承的方法:
1.原型链继承
2.构造函数继承(对象冒充继承)
3.组合继承(原型链继承+构造函数继承)
4.原型式继承
5.寄生组合式继承