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 相关文章推荐
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
js中function()使用方法
Dec 24 Javascript
禁用Enter键表单自动提交实现代码
May 22 Javascript
jQuery+ajax实现动态执行脚本的方法
Jan 27 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
深入探讨前端框架react
Dec 09 Javascript
Javascript类型转换的规则实例解析
Feb 23 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
Dec 19 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
webpack实践之DLLPlugin 和 DLLReferencePlugin的使用教程
Jun 10 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 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
php牛逼的面试题分享
2013/01/18 PHP
PHP合并静态文件详解
2014/11/14 PHP
php生成酷炫的四个字符验证码
2016/04/22 PHP
IE6、IE7中获取Button元素的值的bug说明
2011/08/28 Javascript
弹出最简单的模式化遮罩层的js代码
2013/12/04 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
2015/03/03 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
JS 拼凑字符串的简单实例
2016/09/02 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
详解AngularJS 模块化
2017/06/14 Javascript
vue、react等单页面项目应该这样子部署到服务器
2018/01/03 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
JavaScript switch语句使用方法简介
2019/12/30 Javascript
Javascript类型判断相关例题及解析
2020/08/26 Javascript
一起深入理解js中的事件对象
2021/02/06 Javascript
[07:59]2014DOTA2叨叨刀塔 林熊猫称被邀请赛现场盛况震撼
2014/07/21 DOTA
[48:39]Ti4主赛事胜者组第一天 EG vs NEWBEE 2
2014/07/19 DOTA
Python3中常用的处理时间和实现定时任务的方法的介绍
2015/04/07 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
教你使用python画一朵花送女朋友
2018/03/29 Python
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
django项目中使用手机号登录的实例代码
2019/08/15 Python
Python unittest基本使用方法代码实例
2020/06/29 Python
CSS3动画效果回调处理详解
2014/12/10 HTML / CSS
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
植树节活动总结
2014/04/30 职场文书
村党支部书记承诺书
2014/05/29 职场文书
英文邀请函
2015/02/02 职场文书
个人职业生涯规划之自我评估篇
2019/09/03 职场文书
Nginx缓存设置案例详解
2021/09/15 Servers
python神经网络 使用Keras构建RNN训练
2022/05/04 Python
Java+swing实现抖音上的表白程序详解
2022/06/25 Java/Android