浏览器 JavaScript 笔记
holdindex
程序猿一枚。
展开
-
DOM attributes and properties
element attributesDOM objects原创 2014-06-03 15:55:33 · 1183 阅读 · 0 评论 -
全栈JavaScript之路(十四)HTML5 中与class属性相关的扩充
1. getElementByClass() :支持getElementsByClassName()方法的浏览器有IE 9+、Firefox 3+、Safari 3.1+、Chrome 和 Opera 9.5+。2. classList 属性 : classList 属性是新集合类型 DOMTokenList 的实例.DOMTokenList 类型有一个lenght 属性 ,表示包原创 2014-07-07 23:46:55 · 1422 阅读 · 0 评论 -
全栈JavaScript之路(十五)HTML5 focus 扩展 (焦点扩展)
HTML5 添加了辅助管理 focus 的功能, 文档获得焦点的途径有; 页面加载,用户输入(一般是按tab键),和 在代码中调用focus()函数. HTML5新增的辅助管理焦点的属性与方法有: document.activeElement 属性, 这个属性指向获得焦点的元素,文档加载期间 值为null, 文档加载完成,保存得是 docume原创 2014-07-08 09:41:05 · 2083 阅读 · 0 评论 -
全栈JavaScript之路(十七)HTML5 新增字符集属性
HTML5 增加了几个文档字符集属性。document.charset : 表示文档的实际使用的字符集。document.defaultCharset: 表示默认的字符集,跟浏览器以及操作系统设置有关。如果文档没有使用默认字符集,那么 document.charset 与 document.defaultCharset 可能不同。设置文档字符集: 但可以通过元素、响原创 2014-07-08 15:50:58 · 1719 阅读 · 0 评论 -
全栈JavaScript之路( 二十一)HTML5 scrollIntoView方法
HTML5中,scrollIntoView()可以在所有HTML 元素上调用通过滚动浏览器窗口或某个容器元素,调用元素就可以出现在视口中。如果给这个方法传入true 作为参数,或者不传入任何参数,那么窗口滚动之后会让调用元素的顶部与视窗顶部尽可能平齐。如果传入false 作为参数,调用元素会尽可能全部出现在视口中,(可能的话,调用元素的底部会与视窗顶部平齐。)不过顶原创 2014-07-09 20:15:30 · 4984 阅读 · 0 评论 -
全栈JavaScript之路(十九)HTML5 插入 html标记 ( 一 )innerHTML 与outerHTML
在需要给文档插入大量的html 标记下,通过DOM操作很麻烦,你不仅要创建一系列的节点,而且还要小心地按照顺序把它们接结起来。利用html 标签 插入技术,可以直接插入html代码字符串,简单、高效!以下插入html标签相关的扩展已经纳入html5 规范.1.innerHTML 属性2.outerHTML 属性3.insertAdjacentHTML 方法原创 2014-07-09 15:20:49 · 3454 阅读 · 0 评论 -
全栈JavaScript之路( 二十二 )IE 专有扩展——文档模式
ie8 引入了一个新的概念,“文档模式” ,页面的文档模式决定了,可以使用什么功能。也就是说,”文档模式“,决定你了你可以使用哪个级别的css,在javascript可以使用哪些API,以及如何对待文档类型(doctype)。两种方式修改: 通过 meta 标签修改,在服务器端修改, res.setHeader("X-UA-Complatible","EmulateIE原创 2014-07-09 22:16:15 · 1463 阅读 · 0 评论 -
全栈JavaScript之路( 二十四 )DOM2、DOM3, 不涉及XML命名空间的扩展
(一)DocumentType 类型的变化新增三个属性: publicId,systemId,internalSubset(内部子集)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"[] >通过, document原创 2014-07-10 16:55:44 · 1995 阅读 · 0 评论 -
async与defer
async,defer,同时有,且都支持的话, async 会生效 而 defer 会被忽略defer ,延迟脚本加载,所有的dom 渲染完成,(onloads)再执行。async, 异步加载,加载后立即执行,(在window.onload事件之前),不确保执行的顺序。原创 2014-06-18 19:39:22 · 902 阅读 · 0 评论 -
全栈JavaScript之路( 二十 )HTML5 插入 html标记 ( 二 )insertAdjacentHTML
insertAdjacentHTML(), 这个方法也是在IE中最早出现的,现在已纳入html5规范,它接受两个参数,一个是下列的标记之一,一个是要写入的 html 代码文本。beforebegin , (英文为开始之前的意思)在当前元素之前插入一个新的紧邻的同辈元素afterbegin,(英文为开始之后的意思)在当前元素之下插入一个子元素,或者是在当前元素的第一个子元素之前插入一个原创 2014-07-09 19:57:37 · 1826 阅读 · 0 评论 -
全栈JavaScript之路( 二十三 )DOM2、DOM3, 涉及XML命名空间的扩展(一)
Example XHTML page 以上例子展示,通过 xmlns 来指定命名空间,通过 xmlns:prefix 来指定 前缀,一但指定的前缀,就得在当前元素,以及子元素使用。有时候为了避免不同语言间的冲突,也需要使用命名空间来限定特性,如下面的例子所示。Example XHTML pageHello world!原创 2014-07-10 11:11:52 · 2132 阅读 · 0 评论 -
DOM 范围折叠要注意的几点
var range = document.createRange(refNode);1. 调用 range.setEndAfter() 或者 range.setEndBefore() 方法,之前没有调用 setStartAfter(),或者 setStartBefore() 方法,程序会报错。2. 调用 setStartAfter(),或者 setStartBefore原创 2014-07-12 23:20:38 · 2258 阅读 · 1 评论 -
全栈JavaScript之路(十八)HTML5 自定义数据属性
HTML5 规范规定,用户可以为元素 自定义非标准属性, 但是要添加 data- 前缀。目的是为元素提供与页面渲染无关的信息、或者语义信息。这些属性名可以随意添加,只要带上前缀 data- 开头就可以。添加属性这后可以通过 dataset 访问自定义属性,dataset 属性 是DOMStringMap 类型的实例, 也是一个 key : value 的键值对。注原创 2014-07-08 19:44:28 · 1537 阅读 · 0 评论 -
全栈JavaScript之路(十六)HTML5 HTMLDocument 类型的变化
HTML5 扩展了 HTMLDocument, 增加了新的功能。1.document.readState = 'loading' || 'complete' //支持readyState 属性的浏览器有IE4+、Firefox 3.6+、Safari、Chrome 和Opera 9+。2.document.compatMode = 'CSS1Compat' || 'Bac原创 2014-07-08 09:58:33 · 1731 阅读 · 0 评论 -
全栈JavaScript之路(十三)了解 ElementTraversal 规范
支持Element Traversal 规范的浏览器有IE 9+、Firefox 3.5+、Safari 4+、Chrome 和Opera 10+。对于元素间的空格,在IE9之前,都不会返回文档节点,其它的所有浏览器都会返回文档节点。为了兼容浏览器这间的差异,又不更改已有的DOM 标准,所以有了 Element Traversal 规范。这个规范为 元素增加了 5 个原创 2014-07-07 15:46:27 · 2174 阅读 · 0 评论 -
全栈JavaScript之路(一) 理解 DOM
DOM1 级(DOM Level 1)于1998 年10 月成为W3C 的推荐标准。DOM1 级由两个模块组成:DOM核心(DOM Core)和DOM HTML。其中,DOM 核心规定的是如何映射基于XML 的文档结构,以便简化对文档中任意部分的访问和操作。DOM HTML 模块则在DOM 核心的基础上加以扩展,添加了针对HTML 的对象和方法。原创 2014-06-26 14:58:32 · 1029 阅读 · 1 评论 -
全栈JavaScript之路(二) 理解 DOM 0
DOM 0 在阅读DOM标准的时候,读者可能会看到DOM0 级(DOM Level 0)的字眼。实际上,DOM0 级标准是不存在的;所谓DOM0 级只是DOM 历史坐标中的一个参照点而已。具体说来,DOM0 级指的是Internet Explorer 4.0 和Netscape Navigator 4.0 最初支持的DHTML。原创 2014-06-26 18:18:14 · 1140 阅读 · 0 评论 -
全栈JavaScript之路(三) 理解、学习 DOM Core
DOM Core: W3C规范是这样描述Core的:满足软件开发者和Web脚本编写者,访问和操控产品项目中包含的可解析的HTML和XML内容。原创 2014-06-27 08:48:06 · 1749 阅读 · 0 评论 -
全栈JavaScript之路(四)学习 `document ` 节点
/** (一) document 的子节点 **/ document.doctype //document Type document.documentElement //html //有些浏览器注释是 document 的子节点 /** (二)document 包含的信息 **/ document.title document.domain原创 2014-06-27 17:27:38 · 1223 阅读 · 0 评论 -
全栈JavaScript之路(五)学习 HTML 元素
所有HTML 元素都由HTMLElement 类型表示原创 2014-06-29 17:50:21 · 1434 阅读 · 0 评论 -
全栈JavaScript之路(七)学习 Comment 类型节点.
我们来说一说,HTML 中的 注释。原创 2014-07-01 19:58:39 · 2354 阅读 · 0 评论 -
全栈JavaScript之路(六)学习 文本节点;
文本节点 的类型为 Text , 其构造器函数为: function Text(){[native code]}原创 2014-07-01 10:51:05 · 1346 阅读 · 0 评论 -
全栈JavaScript之路(八)学习 CDATASection 类型 节点
学习,了解 CDATASection 类型节点.原创 2014-07-02 15:08:45 · 2392 阅读 · 0 评论 -
全栈JavaScript之路(九)了解 DocumentType 类型 节点
了解 DocumentType 类型 节点原创 2014-07-03 09:23:03 · 1930 阅读 · 0 评论 -
全栈JavaScript之路(十)学习 DocumentFragment 类型 节点
学习 DocumentFragment 类型 节点原创 2014-07-04 09:25:22 · 1833 阅读 · 0 评论 -
全栈JavaScript之路(十一)学习 Attr 类型 节点
学习 Attr 类型 节点原创 2014-07-04 19:58:51 · 1935 阅读 · 0 评论 -
全栈JavaScript之路(十二)了解 Selector API
2008 年之前,浏览器中几乎所有的DOM扩展都是专有的。此后,W3C 着手将一些已经成为事实标准的专有扩展标准化并写入规范当中。Selector API level 1 的核心是两个方法: querySelector(), querySelectorAll() .在兼容浏览器中可以通过Docuemnt 类型节点,或者Element类型节点调用。目前已完全支持Selectors API原创 2014-07-06 15:59:17 · 2876 阅读 · 0 评论 -
全栈JavaScript之路( 二十五 )访问元素的样式
任何支持style 特性的元素在 ,在其DOM 节点 对象中都有一个 style 属性与之对应。 这个style 对象是 CSSStyleDeclaration类型的实例,包含着html style特性的所有样式信息。但不包含 外部样式或者 内嵌样式层叠而来的样式。 在style特性中,提定的任何css属性,都将表现为这个style 对象的属性。对于使用短划线的的属性名,必须转化为驼峰大小原创 2014-07-11 17:54:01 · 2166 阅读 · 1 评论