javascript基础----事件模型和事件种类
摘要:EventTarget接口 addEventListener() addEventListener方法用于在当前节点或对象上,定义一个特定事件的监听函数。 // 使用格式 target.addEventListener(type, listener[, useCapture]); // 实例 win
阅读全文
posted @
2018-02-26 15:45
Sharpest
编辑
javascript基础----Element对象
摘要:Element对象对应网页的HTML标签元素。每一个HTML标签元素,在DOM树上都会转化成一个Element节点对象(以下简称元素节点)。 特征相关的属性 Element.attributes Element.attributes属性返回一个类似数组的对象,成员是当前元素节点的所有属性节点 Ele
阅读全文
posted @
2018-02-26 10:24
Sharpest
编辑
javascript基础----Text节点和DocumentFragment节点
摘要:Text节点的概念 Text节点代表Element节点和Attribute节点的文本内容 // 获取Text节点 var textNode = document.querySelector('p').firstChild; // 创造Text节点 var textNode = document.cr
阅读全文
posted @
2018-02-26 10:17
Sharpest
编辑
javascript基础----attributes属性的操作
摘要:HTML元素包括标签名和若干个键值对,这个键值对就称为“属性”(attribute)。 <a id="test" href="http://www.example.com"> 链接 </a> 上面代码中,a元素包括两个属性:id属性和href属性。 Element.attributes属性 HTML
阅读全文
posted @
2018-02-26 10:16
Sharpest
编辑
javascript基础-----document模型
摘要:概述 document节点是文档的根节点,每张网页都有自己的document节点。window.document属性就指向这个节点。只要浏览器开始载入HTML文档,这个节点对象就存在了,可以直接调用。 内部节点属性 document.doctype,document.documentElement,
阅读全文
posted @
2018-02-26 09:14
Sharpest
编辑
javascript基础----DOM 模型概述
摘要:基本概念 DOM 是 JavaScript 操作网页的接口,全称为“文档对象模型”(Document Object Model)。它的作用是将网页转为一个 JavaScript 对象,从而可以用脚本进行各种操作(比如增删内容)。 JavaScript 也是最常用于 DOM 操作的语言 节点 DOM的
阅读全文
posted @
2018-02-26 09:07
Sharpest
编辑
javascript基础----面向对象编程
摘要:构造函数与 new 命令 对象是什么 (1)对象是单个实物的抽象。 一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。 (2)对象是一个容器,封装了属性(
阅读全文
posted @
2018-02-24 11:15
Sharpest
编辑
javascript基础---属性描述对象
摘要:JavaScript 提供了一个内部数据结构,用来描述对象的属性,控制它的行为,比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”(attributes object)。每个属性都有自己对应的属性描述对象,保存该属性的一些元信息。 下面是属性描述对象的一个例子。 { value:
阅读全文
posted @
2018-02-24 11:13
Sharpest
编辑
javascript基础---console对象
摘要:1.浏览器实现 console对象的浏览器实现,包含在浏览器自带的开发工具之中。以 Chrome 浏览器的“开发者工具”(Developer Tools)为例,可以使用下面三种方法的打开它。 打开开发者工具以后,顶端有多个面板。 Elements:查看网页的 HTML 源码和 CSS 代码。 Res
阅读全文
posted @
2018-02-24 11:12
Sharpest
编辑
javascript基础---JSON对象
摘要:1.JSON 格式 JSON 格式(JavaScript Object Notation 的缩写)是一种用于数据交换的文本格式 JSON 对值的类型和格式有严格的规定。 复合类型的值只能是数组或对象,不能是函数、正则表达式对象、日期对象。 原始类型的值只有四种:字符串、数值(必须以十进制表示)、布尔
阅读全文
posted @
2018-02-24 11:11
Sharpest
编辑
javascript基础---RegExp对象
摘要:概述 新建正则表达式有两种方法。一种是使用字面量,以斜杠表示开始和结束。 var regex = /xyz/; 另一种是使用RegExp构造函数。 var regex = new RegExp('xyz'); RegExp构造函数还可以接受第二个参数,表示修饰符(详细解释见下文)。 var rege
阅读全文
posted @
2018-02-24 11:08
Sharpest
编辑
javascript基础--Date对象
摘要:普通函数的用法 Date对象可以作为普通函数直接调用,返回一个代表当前时间的字符串。 Date() // "Tue Dec 01 2015 09:34:43 GMT+0800 (CST)" 注意,即使带有参数,Date作为普通函数使用时,返回的还是当前时间。 Date(2000, 1, 1) //
阅读全文
posted @
2018-02-24 11:02
Sharpest
编辑
javascript基础---Math对象
摘要:静态属性 Math对象的静态属性,提供以下一些数学常数。 Math.E:常数e。 Math.LN2:2 的自然对数。 Math.LN10:10 的自然对数。 Math.LOG2E:以 2 为底的e的对数。 Math.LOG10E:以 10 为底的e的对数。 Math.PI:常数 Pi。 Math.S
阅读全文
posted @
2018-02-24 11:01
Sharpest
编辑
javascript基础---String对象
摘要:概述 String对象是 JavaScript 原生提供的三个包装对象之一,用来生成字符串对象。 var s1 = 'abc'; var s2 = new String('abc'); typeof s1 // "string" typeof s2 // "object" s2.valueOf()
阅读全文
posted @
2018-02-24 11:00
Sharpest
编辑
javascript基础---包装对象
摘要:定义 所谓“包装对象”,就是分别与数值、字符串、布尔值相对应的Number、String、Boolean三个原生对象。这三个原生对象可以把原始类型的值变成(包装成)对象。 var v1 = new Number(123); var v2 = new String('abc'); var v3 = n
阅读全文
posted @
2018-02-24 10:59
Sharpest
编辑
javascript基础---Number对象
摘要:概述 Number对象是数值对应的包装对象,可以作为构造函数使用,也可以作为工具函数使用。 作为构造函数时,它用于生成值为数值的对象。 var n = new Number(1); typeof n // "object" 上面代码中,Number对象作为构造函数使用,返回一个值为1的对象。 作为工
阅读全文
posted @
2018-02-24 10:59
Sharpest
编辑
javascript基础----Array对象
摘要:构造函数 Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组。 var arr = new Array(2); arr.length // 2 arr // [ empty x 2 ] 可以看到,Array作为构造函数,行为很不一致。因此,不建议使用它生成新数
阅读全文
posted @
2018-02-24 10:58
Sharpest
编辑
javascript基础-----Object对象
摘要:概述 JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。 (1)Object对象本身的方法 所谓”本身的方法“就是直接定义在Object对象的方法。 Object.print = function (o) { console.log(o) }; 上面代码
阅读全文
posted @
2018-02-24 10:57
Sharpest
编辑
javascript基础----错误处理机制
摘要:Error 实例对象 JavaScript 解析或运行时,一旦发生错误,引擎就会抛出一个错误对象。JavaScript 原生提供Error构造函数,所有抛出的错误都是这个构造函数的实例。 var err = new Error('出错了'); err.message // "出错了" 上面代码中,我
阅读全文
posted @
2018-02-24 10:51
Sharpest
编辑
javascript基础----数据类型转换
摘要:Number 原始类型值的转换规则如下。 // 数值:转换后还是原来的值 Number(324) // 324 // 字符串:如果可以被解析为数值,则转换为相应的数值 Number('324') // 324 // 字符串:如果不可以被解析为数值,返回 NaN Number('324abc') //
阅读全文
posted @
2018-02-24 10:49
Sharpest
编辑