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入门教程(10) 认识其他对象
Jan 31 Javascript
js判断客户端是iOS还是Android等移动终端的方法
Dec 11 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
JS+DIV实现鼠标划过切换层效果的方法
May 25 Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
详解ES6 Promise的生命周期和创建
Aug 18 Javascript
javascript实现简单打字游戏
Oct 29 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
Postman内建变量常用方法实例解析
Jul 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顺序查找和二分查找示例
2014/03/27 PHP
PHP遍历文件夹与文件类及处理类用法实例
2014/09/23 PHP
简单了解将WordPress中的工具栏移到底部的小技巧
2015/12/31 PHP
PHP7标量类型declare用法实例分析
2016/09/26 PHP
JavaScript中“+=”的应用
2007/02/02 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
2013/11/13 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
使用jquery实现以post打开新窗口
2014/03/19 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
详解Vue 实例中的生命周期钩子
2017/03/21 Javascript
自带气泡提示的vue校验插件(vue-verify-pop)
2017/04/07 Javascript
iscroll动态加载数据完美解决方法
2017/07/18 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
React Native 混合开发多入口加载方式详解
2019/09/23 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
学习python (2)
2006/10/31 Python
Python实现PS滤镜的万花筒效果示例
2018/01/23 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
用python实现k近邻算法的示例代码
2018/09/06 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
python实现桌面气泡提示功能
2019/07/29 Python
pytorch中图像的数据格式实例
2020/02/11 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
解决tensorflow读取本地MNITS_data失败的原因
2020/06/22 Python
基于Canvas+Vue的弹幕组件的实现
2019/07/23 HTML / CSS
Wiggle美国:英国骑行、跑步、游泳、铁人三项商店
2018/10/27 全球购物
决定成败的关键——创业计划书
2014/01/24 职场文书
政风行风整改方案
2014/10/25 职场文书
2014年学校办公室工作总结
2014/12/19 职场文书
超级实用!五步法则,教你写好年终工作总结
2019/12/05 职场文书
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
Python Django获取URL中的数据详解
2021/11/01 Python