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 相关文章推荐
JSON 入门指南 想了解json的朋友可以看下
Aug 26 Javascript
jQuery AJAX 调用WebService实现代码
Mar 24 Javascript
解决javascript:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
Js中async/await的执行顺序详解
Sep 22 Javascript
vue使用element-ui的el-input监听不了回车事件的解决方法
Jan 12 Javascript
深入理解ES6中let和闭包
Feb 22 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
Nov 28 Javascript
在Vant的基础上封装下拉日期控件的代码示例
Dec 05 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
在vue中通过render函数给子组件设置ref操作
Nov 17 Vue.js
使一个函数作为另外一个函数的参数来运行的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
上海永华YH-R296(华普R-96)12波段立体声收音机的分析和打理
2021/03/02 无线电
PHP未登录自动跳转到登录页面
2016/12/21 PHP
Laravel定时任务的每秒执行代码
2019/10/22 PHP
javascript 时间比较实现代码
2009/10/28 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
jquery的map与get方法详解
2013/11/04 Javascript
js中arguments,caller,callee,apply的用法小结
2014/01/28 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
2016/12/16 Javascript
JS实现新建文件夹功能
2017/06/17 Javascript
jQuery中的for循环var与let的区别
2018/04/21 jQuery
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
JavaScript实现表单验证功能
2020/12/09 Javascript
Python深入学习之内存管理
2014/08/31 Python
Python函数式编程
2017/07/20 Python
使用paramiko远程执行命令、下发文件的实例
2017/10/01 Python
python按综合、销量排序抓取100页的淘宝商品列表信息
2018/02/24 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Python实现压缩文件夹与解压缩zip文件的方法
2018/09/01 Python
详解python中递归函数
2019/04/16 Python
python读写csv文件方法详细总结
2019/07/05 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
介绍一下#error预处理
2015/09/25 面试题
专科毕业生学习生活的自我评价
2013/10/26 职场文书
远程研修随笔感言
2014/02/10 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
领导干部学习“三严三实”思想汇报
2014/09/15 职场文书
莫言获奖感言(全文)
2015/07/31 职场文书
运动会广播稿20字
2015/08/19 职场文书
使用pytorch实现线性回归
2021/04/11 Python
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android