- 博客(20)
- 收藏
- 关注
原创 DOM_专有扩展
专有扩展 window.onload = function(){ /* 1、文档模式 IE8引人了一个新概念叫“文档模式”(document mode)。页面的文档模式决定可以使用什么 功能。换句话说,文档模式决定了你可以使用哪个级别的CSS,可以在JavaScript中使用哪些 API,以及如何对待文档类型(doctype)。到了IE9,总共
2015-08-09 23:59:45 533
原创 HTML5_ScrollInToView方法
HTML5_ScrollInToView方法 window.onload = function(){ /* 如果滚动页面也是DOM没有解决的一个问题。为了解决这个问题,浏览器实现了一下方法, 以方便开发人员如何更好的控制页面的滚动。在各种专有方法中,HTML5选择了scrollIntoView() 作为标准方法。 scrollIntoV
2015-08-03 22:56:11 23910 1
原创 HTML5_自定义数据类型
HTML5_字符集属性 /* HTML5规定可以为元素添加非标准的属性,但是要添加前缀data-,目的是为元素提供与渲染 无关的信息,或者提供语义信息。这些属性可以任意的添加随意命名,只要以data-开头即可。 来看一个例子。 添加自定义属性后,可以通过元素的dataset属性访问自定义的属性的值。dataset属性的值是 DOM
2015-07-30 21:10:33 623
原创 HTML5_字符集属性
HTML5_字符集属性 --> /* HTML5新增了几个与文档有关的属性。其中有,charset属性表示文档中实际使用的字符集, 也可以用来指定新的字符集,默认情况下这个字符集值为“UTF-16”,但可以用元素、 相应头部或者直接设置charset属性修改这个值。来看一个例子。 */ window.onload = function(){
2015-07-29 23:17:55 1838
原创 HTML5_HTMLDocument的变化
/* HTML5扩展了HTMLDocument,增加了新功能。与HTML5新增的其他DOM类似,这些变化同样 变化同样基于哪些已经得到很多浏览器完美支持的专有扩展。所以,尽管这些扩展被写入 标准的时间尽管不长,但很多浏览器很早就支持了这些功能。 1、readyState属性 IE4最早为document对象引人readyState属性。然后,其他浏
2015-07-29 22:07:53 829
原创 HTML5_焦点管理
HTML5_焦点管理 window.onload = function(){ /* HTML5添加了辅佐管理DOM焦点的功能。首先就是document.activeElement属性,这个属性 始终会引用DOM中当前获得的了焦点的元素。元素获得焦点的方式有页面加载、用户输入(通常 通过Tab键)和代码中调用focus()方法。来看几个例子。
2015-07-28 23:03:00 1426
原创 HTML5_与类相关的扩展
/* 1、getElementsByClassName()方法。 HTML5添加的getElementByClassName()的方法是最受欢迎的一个方法,可以通过document 对象及所有的HTML元素调用该方法。这个方法最早出现在javaScript库中,是通过既有 DOM功能实现的,而原生的实现有极大的性能优势。 getElementsByClas
2015-07-28 22:11:12 503
原创 DOM扩展_元素遍历
DOM扩展_元素遍历 /* 对于元素间的空格,IE9及之前的版本不会返回文本节点,而其他的浏览器都会返回文本节点。 这样导致了使用childNodes和firstChild等属性是行为不一样。为了弥补这一差异,而同时又 保持DOM规范不变。Element Traversal规范(www.w3.org/TR/ElementTraversal/)新定义的一 组
2015-07-26 23:08:45 521
原创 DOM扩展_选择符API
1、querySelector():方法接收一个css的选择器,返回该模式匹配的第一个元素, 如果没有找到则返回null。 //取得body元素 var body = document.querySelector("body"); //取得ID为myDiv的元素 var myDiv = document.querySelecto
2015-07-26 19:48:27 555
原创 DOM 操作技术之操作表格
DOM_操作技术_操作表格 window.onload = function(){ /* 元素是html中最复杂的元素之一。要想创建表格,一般都涉及到表格行 、单元格、表头等方面的标签。由于涉及的标签比较多,因此使用核心DOM方法 创建和修改表格往往是避免不了要编写大量的代码。假设我要使用DOM来创建下 面的HTML表格。
2015-07-12 15:25:25 427
原创 DOM 操作技术之动态样式
DOM_操作技术_动态样式 /** 动态加载外部样式表 param url 外部样式地址 */ function loadStyle(url){ var link = document.createElement("link"); link.rel = "stylesheet"; link.type = "text/css";
2015-07-11 17:33:36 381
原创 DOM 操作技术之动态脚本
DOM_操作技术_动态脚本 /** param url 需要加载的js的url。 */ function loadScript(url){ var script = document.createElement("script"); script.type = "text/javascript"; script.src = url;
2015-07-10 21:30:55 490
原创 ECMAScript5 DOM模型 Comment详解
注释在DOM中d通过Comment类型来表示的。Comment节点具有以下特征:nodeType:8nodeName:"#comment"nodeValue:注释内容parentNod:可能是Document或Element没有子节点Comment类型与Text类型继承相同的基类,因此它拥有除了splitText()之外的所有字符串操作方法。与Text类型相似,也可以通
2015-07-08 20:54:35 397
原创 ECMAScript5 DOM模型 Text详解
ECMAScript5 DOM模型 Text详解 window.onload = function(){ /* 文本节点:包含的内容只能是纯文本,可以包含转义后的HTML字符, 不能包含HTML代码。 nodeType的值为3 nodeName的值为#text nodeValue的值为节点所包含的文本 parentN
2015-07-07 12:10:45 549
原创 DOM 中的Element详解
DOM_Element /* Element属性说明 nodeType:1 nodeName:元素标签名 nodeVlaue:值为null parentNode:可能是Document或Element 其子节点可能是Element、Text、Comment、ProcessingInstruction、CDATASection或
2015-07-05 01:11:11 1132
原创 ECMASCRIPT5 DOM Document类型详解
DOM Document类型详解 window.onload = function(){ /*发现document第一个子节点不是head 而是body 并且document没有head属性。 通过查资料得到 var head = document.head||document.getElementByTagName('head')[0]; 其中htm
2015-06-22 22:31:27 422
原创 ECMAScript5对DOM模型Node的操作
ECMAScript5对Node的操作 window.onload = function(){ //appendChild //新建一个div元素节点 var newNode =document.createElement("div"); newNode.appendChild(document.createTextNode("Hello World
2015-06-15 20:33:11 378
原创 javaScript 关于闭包问题
//闭包:指有权访问另一个一个函数作用域中的变量的函数。//创建闭包常见方式就是在一个函数内部创建你一个函数function createComparisonFunction(propertyName){return function(object1,object2){var value1 = object1[propertyName];var value2 = object2
2015-06-11 11:44:17 344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人