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 相关文章推荐
根据地区不同显示时间的javascript代码
Aug 13 Javascript
ExtJS扩展 垂直tabLayout实现代码
Jun 21 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
JavaScript数组深拷贝和浅拷贝的两种方法
Apr 16 Javascript
初识Javascript小结
Jul 16 Javascript
jquery不常用方法汇总
Jul 26 Javascript
Bootstrap对话框使用实例讲解
Sep 24 Javascript
String字符串截取的四种方式总结
Nov 28 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
Vue实现按钮级权限方案
Nov 21 Javascript
Vue中使用Echarts仪表盘展示实时数据的实现
Nov 01 Javascript
Promise静态四兄弟实现示例详解
Jul 07 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
php jquery 实现新闻标签分类与无刷新分页
2009/12/18 PHP
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php与java通过socket通信的实现代码
2013/10/21 PHP
ThinkPHP自动填充实现无限级分类的方法
2014/08/22 PHP
收集的10个免费的jQuery相册
2011/02/26 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
javascript 动态创建表格
2015/01/08 Javascript
简介JavaScript中的setTime()方法的使用
2015/06/11 Javascript
javascript中this指向详解
2016/04/23 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
JS正则匹配URL网址的方法(可匹配www,http开头的一切网址)
2017/01/06 Javascript
js实现九宫格的随机颜色跳转
2017/02/19 Javascript
angularjs select 赋值 ng-options配置方法
2018/02/28 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
vue中利用simplemde实现markdown编辑器(增加图片上传功能)
2019/04/29 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
React学习之JSX与react事件实例分析
2020/01/06 Javascript
windows 10下安装搭建django1.10.3和Apache2.4的方法
2017/04/05 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python 爬取携程所有机票的实例代码
2018/06/11 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Pycharm 实现下一个文件引用另外一个文件的方法
2019/01/17 Python
python3读取csv文件任意行列代码实例
2020/01/13 Python
30行Python代码实现高分辨率图像导航的方法
2020/05/22 Python
Python并发爬虫常用实现方法解析
2020/11/19 Python
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
HTML5实现应用程序缓存(Application Cache)
2020/06/16 HTML / CSS
Clarins娇韵诗英国官网:来自法国的天然护肤品牌
2017/04/18 全球购物
工商企业管理应届生求职信
2013/11/03 职场文书
技术总监的工作职责
2013/11/13 职场文书
微笑服务演讲稿
2014/05/13 职场文书
家庭贫困证明
2014/09/23 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书