`
feigme
  • 浏览: 155157 次
  • 性别: Icon_minigender_1
  • 来自: 球面世界
社区版块
存档分类
最新评论

javascript引用对象的方法 (总结)

阅读更多
 介绍了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


方法多种多样,有时候需要根据具体的情况而定,灵活运用才可以游刃有余
 

 

分享到:
评论

相关推荐

    04JavaScript对象相关内容总结.docx

    在JavaScript中,对象可以通过多种方式创建,其中一种常见的方法是使用`new`关键字和构造函数,例如`new Object()`。此外,对象字面量表示法也是常用的创建对象的方式,如下所示: ```javascript var obj = { name...

    javascript对象转换成json

    总结来说,JavaScript中的JSON转换是通过`JSON.stringify()`方法实现的,它可以方便地将JavaScript对象转换为JSON字符串,用于数据传输或存储。同时,我们可以通过提供`toJSON()`方法来自定义对象的序列化行为,以...

    JavaScript_对象参考手册

    - **constructor**:指向创建该对象的函数的引用。 - **length**:表示字符串的长度。 - **prototype**:允许向`String`对象添加自定义属性和方法。 **方法** `String`对象还提供了一系列实用的方法,包括但不限于...

    js-大总结(JavaScript对象).

    ### JavaScript对象大总结 #### B.1 Anchor对象 **定义:** 在HTML中,通过`<a name="..." />`创建的描点可以被其他链接作为目标引用。如果该描点还包含`href`属性,则它同时也是一个链接对象。 **关联性:** ...

    JavaScript对象模型

    - **Null**: 特殊的空值,通常用于表示空的对象引用。 - **Boolean**: 布尔型数据,值只能为`true`或`false`。 - **Number**: 数字类型,可以表示整数和浮点数。 - **String**: 字符串类型,用于表示文本数据。 ...

    JavaScript面向对象编程

    #### 四、对象属性和方法的引用 ##### 4.1 使用点符号访问 JavaScript中,可以使用点符号(`.`)来访问对象的属性或方法。例如: ```javascript var obj = { name: "Example", greet: function() { console.log(...

    Javascript总结导图

    正则表达式在JavaScript中用于模式匹配和文本处理,包括基本的匹配规则、标志修饰符、预定义字符类、捕获组、反向引用等。 7. **错误处理** JavaScript通过try...catch语句进行错误处理,可以捕获并处理运行时...

    javascript面向对象学习笔记

    总结一下,JavaScript面向对象编程主要包括类的表示(通过构造函数)、对象的创建(对象工厂、构造函数、原型模式)以及继承的实现(原型链)。理解这些概念对于深入学习JavaScript和开发复杂的JavaScript应用至关...

    JavaScript对象模型-执行模型

    JavaScript对象模型(Object Model)和执行模型是理解...在实际开发中,利用原型链实现继承、通过构造函数和原型方法创建对象、以及掌握执行模型中的上下文切换和事件循环机制,都是提升JavaScript编程能力的重要步骤。

    javascript面向对象之定义成员方法实例分析.docx

    ### JavaScript面向对象之定义成员方法实例分析 #### 一、引言 JavaScript 是一种支持面向对象编程的语言,尽管它的面向对象特性与传统类基于的语言有所不同。在 JavaScript 中,可以通过多种方式来定义对象及其...

    Javascript 面向对象程式学习笔记收藏

    总结,JavaScript的面向对象编程主要涉及到构造函数、属性、方法、this关键字、原型链以及封装和继承等概念。理解这些基础是编写高效、可维护的JavaScript代码的关键。在实践中,开发者还需要考虑作用域、闭包、异步...

    基于闭包的JavaScript面向对象编程框架.pdf

    本文总结了基于闭包的JavaScript面向对象编程框架的设计和实现。通过使用闭包,实现了基于类的面向对象编程的封装、继承和多态特征。 闭包(Closure)是JavaScript中的一种编程技术,通过闭包,可以实现基于类的...

    javascript 面向对象教程

    总结来说,JavaScript的面向对象特性包括基于原型的继承、动态类型以及函数作为一等公民。理解这些特性对于编写高效、可维护的JavaScript代码至关重要。同时,`undefined`的处理以及类型系统的理解也是JavaScript...

Global site tag (gtag.js) - Google Analytics