javascript引用对象的方法代码


Posted in Javascript onAugust 13, 2007

同一页面内的引用方法:

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 Base64编码和解码,实现URL参数传递。
Sep 18 Javascript
js 禁用只读文本框获得焦点时的退格键
Apr 25 Javascript
对 jQuery 中 data 方法的误解分析
Jun 18 Javascript
基于jquery实现的可编辑下拉框实现代码
Aug 02 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
SpringMVC简单整合Angular2的示例
Jul 31 Javascript
使用ionic(选项卡栏tab) icon(图标) ionic上拉菜单(ActionSheet) 实现通讯录界面切换实例代码
Oct 20 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
基于Fixed定位的框选功能的实现代码
May 13 Javascript
JS document对象简单用法完整示例
Jan 14 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
Oct 29 Javascript
JavaScript实现九宫格拖拽效果
Jun 28 Javascript
使一个函数作为另外一个函数的参数来运行的javascript代码
Aug 13 #Javascript
一段效率很高的for循环语句使用方法
Aug 13 #Javascript
javascript实现轮显新闻标题链接
Aug 13 #Javascript
document.open() 与 document.write()的区别
Aug 13 #Javascript
js小技巧--自动隐藏红叉叉
Aug 13 #Javascript
javascript据option的value值快速设定初始的selected选项
Aug 13 #Javascript
用js实现随机返回数组的一个元素
Aug 13 #Javascript
You might like
php mysql like 实现多关键词搜索的方法
2016/10/29 PHP
PHP大文件分片上传的实现方法
2018/10/28 PHP
学习ExtJS table布局
2009/10/08 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
2013/01/25 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
jQuery动态星级评分效果实现方法
2015/08/06 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
angular-ngSanitize模块-$sanitize服务详解
2017/06/13 Javascript
微信小程序 检查接口状态实例详解
2017/06/23 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
2018/03/02 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
2019/12/27 Javascript
JS使用for in有序获取对象数据
2020/05/19 Javascript
[00:10]DOTA2 TI9勇士令状明日上线
2019/05/07 DOTA
Python实现Windows上气泡提醒效果的方法
2015/06/03 Python
Python实现统计代码行的方法分析
2017/07/12 Python
浅谈Matplotlib简介和pyplot的简单使用——文本标注和箭头
2018/01/09 Python
Tensorflow环境搭建的方法步骤
2018/02/07 Python
TensorFlow卷积神经网络之使用训练好的模型识别猫狗图片
2019/03/14 Python
机器学习实战之knn算法pandas
2019/06/22 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
什么是URL
2015/12/13 面试题
总经理助理岗位职责
2013/11/08 职场文书
情侣吵架检讨书
2014/02/05 职场文书
信仰心得体会
2014/09/05 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
导游词范文
2015/02/13 职场文书
幼儿教师辞职信
2015/02/27 职场文书
酒会开场白大全
2015/06/01 职场文书
远程教育集中轮训基层干部培训班学习心得体会
2016/01/09 职场文书
课文《燕子》教学反思
2016/02/17 职场文书
Javascript使用integrity属性进行安全验证
2021/11/07 Javascript