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 小贴士一星期合集
Apr 07 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
Javascript获取HTML静态页面参数传递值示例
Aug 18 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
基于jquery实现ajax无刷新评论
Aug 19 Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 Javascript
js阻止冒泡和默认事件(默认行为)详解
Oct 20 Javascript
详解jQuery lazyload 懒加载
Dec 19 Javascript
jQuery快速高效制作网页交互特效
Feb 24 Javascript
超出JavaScript安全整数限制的数字计算BigInt详解
Jun 24 Javascript
了解JavaScript表单操作和表单域
May 27 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
PHILIPS AE3805收音机的分析打磨
2021/03/02 无线电
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
推荐Discuz!5的PHP代码高亮显示与实现可运行代码
2007/03/15 PHP
利用PHP制作简单的内容采集器的原理分析
2008/10/01 PHP
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
详解new function(){}和function(){}() 区别分析
2008/03/22 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
javascript插件开发的一些感想和心得
2016/02/28 Javascript
理解javascript正则表达式
2016/03/08 Javascript
详解Angular2学习笔记之Html属性绑定
2018/01/03 Javascript
浅谈Vue的响应式原理
2019/05/30 Javascript
微信小程序全局变量的设置、使用、修改过程解析
2019/09/24 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
python远程登录代码
2008/04/29 Python
django 自定义用户user模型的三种方法
2014/11/18 Python
Python在线运行代码助手
2016/07/15 Python
Python tkinter的grid布局及Text动态显示方法
2018/10/11 Python
python 制作自定义包并安装到系统目录的方法
2018/10/27 Python
python3使用pandas获取股票数据的方法
2018/12/22 Python
Python 做曲线拟合和求积分的方法
2018/12/29 Python
用python写一个带有gui界面的密码生成器
2020/11/06 Python
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
什么是设计模式
2012/06/17 面试题
软件测试工程师面试问题精选
2016/10/28 面试题
应届生求职简历的自我评价怎么写
2013/10/23 职场文书
中学生个人自我评价
2014/02/06 职场文书
房产代理公证处委托书
2014/04/04 职场文书
取保候审保证书
2014/04/30 职场文书
旅游节目策划方案
2014/05/26 职场文书
安全隐患整改报告
2014/11/06 职场文书
全国助残日活动总结
2015/05/11 职场文书
升职自荐书
2019/05/09 职场文书