动态绑定事件是分离式DOM脚本编程的重要特性,编写可用性JavaScript代码的目标是,不管用户使用的是何种浏览器、何种平台,都能够让网页正常运作。为此,指定一个特性指标,并排除不支持的浏览器。对于不支持的浏览器,为它编写一个交互更少的网页。而这种编写JavaScrip...
everyinch
11年前 (2013-12-08) 3428℃
0喜欢
使用DOM创建节点
createElement函数可以用来创建新元素,它以标记名称为参数,并返回该元素的实际DOM引用,没有默认的属性和样式。同时创建的元素必须使用正确的XML命名空间。例如:
function create( elem ) {
return doc...
everyinch
11年前 (2013-12-06) 3402℃
0喜欢
获取和设置元素属性(attribute)的值是最常使用的操作之一。通常,元素自带的属性列表会存储成关联数组格式。例如:
<form name="myForm" action="/test.cgi" method="POS...
everyinch
11年前 (2013-12-05) 3487℃
2喜欢
Hello how are you doing?
在上面的HTML片段中,DOM结构是:
它有一个<p>主元素,它包含一个<strong>元素和一段文本块,<strong>元素本身包括文本块。
如果要获取这些元素中的文本,所有非Mozilla...
everyinch
11年前 (2013-12-04) 3438℃
1喜欢
通过类和CSS选择器(selector)能实现在HTML文档中查找元素。通过类名来定位元素是一种很普遍的技术,2003年由Simon Willison(http://simon.incutio.com/)普及,而原创的则是Andrew hayward(http://www.moo...
everyinch
11年前 (2013-12-04) 3225℃
0喜欢
处理HTML DOM文档存在的一个的难题是,JavaScript可以在DOM完全加载之前执行,这会带来很多的潜在问题。浏览器的渲染和操作顺序大致如下:
浏览器的渲染和操作顺序:
HTML解析完毕
外部脚本和样式表加载完毕
脚本在文档内解析并执行
HTML DOM完全构造出来
图片...
everyinch
11年前 (2013-11-28) 3607℃
2喜欢
所有的现代DOM实现都包含从一系列方法,让遍历DOM可以是一种平滑的体验。JavaScript DOM实现包含两个强大的方法:
getElementById(“everywhere”):查找id是everywhere的元素
getElementsByTagName(“li”):该...
everyinch
11年前 (2013-11-24) 3038℃
0喜欢
文档对象模型(Document Object Model,DOM)是一个表达XML文档的标准,大部分Web开发的编程语言都提供了相应的DOM实现。DOM给开发者提供了一种定位XML层级结构的直观方法。
可以把XML的DOM表达方式看作是一颗导航树。一切术语都跟家谱术语(父,子,兄...
everyinch
11年前 (2013-11-22) 3062℃
1喜欢
JavaScript对象的创建与继承使用了一套特别的模式,称为原型式继承(prototypal inheritance)。这种方法的原理是,对象的构造函数可以从其它对象中继承方法,它创建出一个原型对象后,所有其他的新对象都可以基于这个原型对象来创建。这种继承方式之所以难以掌握,是...
everyinch
11年前 (2013-11-21) 1151℃
0喜欢
1. 对象
对象是JavaScript的基础。JavaScript的大部分功能都是基于对象的。从最基本的层次而言,对象是一系列属性的集合。
// 创建一个新的Object对象,存放在 'obj' 变量中
var obj = new Object();
// 给这个对象...
everyinch
11年前 (2013-11-20) 2982℃
4喜欢
在JavaScript中,代码总是有一个上下文对象(context)。上下文对象通过this变量体现,这个变量永远指向当前代码所处的对象中。即使在全局上下文中,this变量也指向一个对象 — window对象。
var obj = {
yes: func...
everyinch
11年前 (2013-11-19) 3065℃
1喜欢
闭包(closure)意味着内层的函数可以引用存在于包围它的函数内的变量,即使外围函数的执行已经终止。
// 查找 id 为 'main' 的元素
var obj = document.getElementById("main");
// 修改它的...
everyinch
11年前 (2013-11-19) 2992℃
0喜欢
所有的面向对象语言都有某种形式的作用域(scope)。在JavaScript里,作用域是由函数划分的,而不是由块(block)划分(例如while,if和for语句)的。下面的代码演示了根据函数划分作用域
// 设置全局变量 foo,并置为 'test'
var foo =...
everyinch
11年前 (2013-11-19) 2688℃
0喜欢
其他面向对象语言的一个常见特性是,能够根据传入的不同数量或类型的参数,通过“重载(overload)”函数来发挥不同的功用。尽管这个特性在JavaScript中并没有被直接支持,也有很多种办法能够实现。
函数重载(function overloading)必须依赖两件事情:传入参...
everyinch
11年前 (2013-11-18) 6224℃
0喜欢
引用(reference)的概念是JavaScript的基础之一,“引用”是一个指向对象实际位置的指针。有一个前提:实际的对象肯定不会是引用。多个变量能够指向同一个对象。JavaScript基于的就是这样的一个引用系统,这门语言通过维护一系列对其它对象的引用,提供了极大的灵活性...
everyinch
11年前 (2013-11-18) 2954℃
0喜欢