javascript引用对象的方法


Posted in Javascript onJanuary 11, 2007

<a id="link1" name="link1" href="http://bbs.51js.com/">51js</a>

=============
同一页面内的引用方法:

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 相关文章推荐
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
node.js中的fs.appendFileSync方法使用说明
Dec 17 Javascript
jQuery实现的五子棋游戏实例
Jun 13 Javascript
详解springmvc 接收json对象的两种方式
Dec 06 Javascript
ng-options和ng-checked在表单中的高级运用(推荐)
Jan 21 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
从理论角度讨论JavaScript闭包
Apr 03 Javascript
Element 默认勾选表格 toggleRowSelection的实现
Sep 04 Javascript
微信小程序实现分页加载效果
Nov 19 Javascript
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 #Javascript
javascript基础的动画教程,直观易懂
Jan 10 #Javascript
JS宝典学习笔记(下)
Jan 10 #Javascript
js宝典学习笔记(上)
Jan 10 #Javascript
javascript编程起步(第七课)
Jan 10 #Javascript
javascript编程起步(第六课)
Jan 10 #Javascript
javascript编程起步(第五课)
Jan 10 #Javascript
You might like
escape unescape的php下的实现方法
2007/04/27 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP实现支持SSL连接的SMTP邮件发送类
2015/03/05 PHP
PHP实现基于文本的摩斯电码生成器
2016/01/11 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
php实现图片压缩处理
2020/09/09 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
js报错 Object doesn't support this property or method的原因分析
2011/03/31 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
关于微信中a链接无法跳转问题
2016/08/02 Javascript
nodejs入门教程二:创建一个简单应用示例
2017/04/24 NodeJs
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
2020/04/12 Javascript
详解angular路由高亮之RouterLinkActive
2018/04/28 Javascript
react-native使用leanclound消息推送的方法
2018/08/06 Javascript
解决vue props 拿不到值的问题
2018/09/11 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
javascrpt密码强度校验函数详解
2020/03/18 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
react中hook介绍以及使用教程
2020/12/11 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
python tensorflow基于cnn实现手写数字识别
2018/01/01 Python
Flask框架模板继承实现方法分析
2019/07/31 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
奉献演讲稿范文
2014/05/21 职场文书
高中课前三分钟演讲稿
2014/09/13 职场文书
批评与自我批评总结
2014/10/17 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
交通安全温馨提示语
2015/07/14 职场文书
golang import自定义包方式
2021/04/29 Golang
MySql 8.0及对应驱动包匹配的注意点说明
2021/06/23 MySQL
如何利用python实现列表嵌套字典取值
2022/06/10 Python