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 相关文章推荐
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
JavaScript实现动态创建CSS样式规则方案
Sep 06 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
详解javascript实现瀑布流列式布局
Jan 29 Javascript
JavaScript实战(原生range和自定义特效)简单实例
Aug 21 Javascript
bootstrap模态框消失问题的解决方法
Dec 02 Javascript
javascript内存分配原理实例分析
Apr 10 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
微信小程序实现吸顶特效
Jan 08 Javascript
JavaScript面向对象核心知识与概念归纳整理
May 09 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
Zend的MVC机制使用分析(二)
2013/05/02 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
PHP7常量数组用法分析
2016/09/26 PHP
JavaScript计算字符串中每个字符出现次数的小例子
2013/07/02 Javascript
js保留小数点后几位的写法
2014/01/03 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
8个实用的jQuery技巧
2014/03/04 Javascript
浅谈JavaScript Math和Number对象
2015/01/26 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
2015/09/15 Javascript
jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
2016/07/14 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
AngularJS基础 ng-repeat 指令简单示例
2016/08/03 Javascript
canvas 弹幕效果(实例分享)
2017/01/11 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
angularJS实现不同视图同步刷新详解
2018/10/09 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
2019/06/06 jQuery
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
python网络爬虫采集联想词示例
2014/02/11 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
python3 实现验证码图片切割的方法
2018/12/07 Python
python统计字符串中字母出现次数代码实例
2020/03/02 Python
Python Pandas 对列/行进行选择,增加,删除操作
2020/05/17 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
怎样让char类型的东西转换成int类型
2013/12/09 面试题
武汉世纪畅想数字传播有限公司 .NET笔试题
2015/06/13 面试题
HR喜欢的自荐信格式
2013/10/08 职场文书
会计专业的自荐信
2013/12/12 职场文书
护理专业毕业生自荐信范文
2014/01/05 职场文书
单位工程竣工验收方案
2014/03/16 职场文书
2015年党员干部承诺书
2015/01/21 职场文书
教师节感想
2015/08/11 职场文书
升职感谢领导的话语及升职感谢信
2019/06/24 职场文书
goland 清除所有的默认设置操作
2021/04/28 Golang