介绍了javascript中引用对象的方法,一个不错的总结
举个例子:
51js
=============
同一页面内的引用方法:
1、使用id:
link1.href
2、使用name:
document.all.link1.href
3、使用sourseIndex:
document.all(4).href //注意,前面还有HTML、HEAD、TITLE和BODY,所以是4
4、使用链接集合:
document.anchors(0).href //全部的集合有all、anchors、applets、areas、attributes、behaviorUrns、bookmarks、boundElements、cells、childNodes、children、controlRange、elements、embeds、filters、forms、frames、images、imports、links、mimeTypes、options、plugins、rows、rules、scripts、styleSheets、tBodies、TextRectangle,请参考MSDN介绍。其实方法3和方法4是一样使用的集合,只是一个是all,可以包括页面所有标记,而anchors只包括链接。
5、getElementById:
document.getElementById("link1").href
6、getElementsByName:
document.getElementsByName("link1")[0].href //这也是一个集合,是所有name等于该方法所带参数的标记的集合
7、getElementsByTagName:
document.getElementsByTagName("A")[0].href //这也是一个集合,是所有标记名称等于该方法所带参数的标记的集合
8、tags集合:
document.all.tags("A")[0].href //与方法7一样是按标记名称取得一个集合
除此之外,event.scrElement可以获得触发时间的标记的引用;document.elementFromPoint(x,y)可以获得x和y坐标处的元素的引用;document.body.componentFromPoint(event.clientX,event.clientY)可以获得鼠标所在处元素的引用;还可以通过元素的父子节点和兄弟节点关系来引用,如nextSibling(当前节点的后一节点)、previousSibling(当前节点的前一节点)、childNodes、children、firstChild、lastChild、parentElement等都是父子节点和兄弟节点的一些引用;还不仅限于此。
上面是同一页面内的常见引用方法,另外还涉及到不同页面中的
=============
对于分帧的页面,可以使用parent.frames("帧的name")、top.frames("帧的name")来引用不同的帧,后面的引用和同一页面内市相同的,多重的parent也是支持的。
例如:
parent.frames("frame1").document.all.link1
top.frames("frame1").document.all.link1
=============
对于window.open()开的窗口,可以使用var newwin=window.open(),然后使用newwin来引用新窗口,后面的引用和同一页面内是相同的;新窗口可以使用window.opener来引用打开它的窗口,可以简写作opener,例如:
var newwin=window.open()
父窗口(这里是使用window.open()方法的窗口):
newwin.document.all.link1 //父窗口这句可引用新窗口中的对象
子窗口(window.open()方法打开的窗口):
opener.document.all.link1 //子窗口这句可引用父窗口的对象
多重opener也是支持的,例如:opener.opener.document.all.link1
方法多种多样,有时候需要根据具体的情况而定,灵活运用才可以游刃有余 |
|
|
分享到:
相关推荐
在JavaScript中,对象可以通过多种方式创建,其中一种常见的方法是使用`new`关键字和构造函数,例如`new Object()`。此外,对象字面量表示法也是常用的创建对象的方式,如下所示: ```javascript var obj = { name...
总结来说,JavaScript中的JSON转换是通过`JSON.stringify()`方法实现的,它可以方便地将JavaScript对象转换为JSON字符串,用于数据传输或存储。同时,我们可以通过提供`toJSON()`方法来自定义对象的序列化行为,以...
- **constructor**:指向创建该对象的函数的引用。 - **length**:表示字符串的长度。 - **prototype**:允许向`String`对象添加自定义属性和方法。 **方法** `String`对象还提供了一系列实用的方法,包括但不限于...
### JavaScript对象大总结 #### B.1 Anchor对象 **定义:** 在HTML中,通过`<a name="..." />`创建的描点可以被其他链接作为目标引用。如果该描点还包含`href`属性,则它同时也是一个链接对象。 **关联性:** ...
- **Null**: 特殊的空值,通常用于表示空的对象引用。 - **Boolean**: 布尔型数据,值只能为`true`或`false`。 - **Number**: 数字类型,可以表示整数和浮点数。 - **String**: 字符串类型,用于表示文本数据。 ...
#### 四、对象属性和方法的引用 ##### 4.1 使用点符号访问 JavaScript中,可以使用点符号(`.`)来访问对象的属性或方法。例如: ```javascript var obj = { name: "Example", greet: function() { console.log(...
正则表达式在JavaScript中用于模式匹配和文本处理,包括基本的匹配规则、标志修饰符、预定义字符类、捕获组、反向引用等。 7. **错误处理** JavaScript通过try...catch语句进行错误处理,可以捕获并处理运行时...
总结一下,JavaScript面向对象编程主要包括类的表示(通过构造函数)、对象的创建(对象工厂、构造函数、原型模式)以及继承的实现(原型链)。理解这些概念对于深入学习JavaScript和开发复杂的JavaScript应用至关...
JavaScript对象模型(Object Model)和执行模型是理解...在实际开发中,利用原型链实现继承、通过构造函数和原型方法创建对象、以及掌握执行模型中的上下文切换和事件循环机制,都是提升JavaScript编程能力的重要步骤。
### JavaScript面向对象之定义成员方法实例分析 #### 一、引言 JavaScript 是一种支持面向对象编程的语言,尽管它的面向对象特性与传统类基于的语言有所不同。在 JavaScript 中,可以通过多种方式来定义对象及其...
总结,JavaScript的面向对象编程主要涉及到构造函数、属性、方法、this关键字、原型链以及封装和继承等概念。理解这些基础是编写高效、可维护的JavaScript代码的关键。在实践中,开发者还需要考虑作用域、闭包、异步...
本文总结了基于闭包的JavaScript面向对象编程框架的设计和实现。通过使用闭包,实现了基于类的面向对象编程的封装、继承和多态特征。 闭包(Closure)是JavaScript中的一种编程技术,通过闭包,可以实现基于类的...
总结来说,JavaScript的面向对象特性包括基于原型的继承、动态类型以及函数作为一等公民。理解这些特性对于编写高效、可维护的JavaScript代码至关重要。同时,`undefined`的处理以及类型系统的理解也是JavaScript...