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 17 Javascript
JavaScript中“过于”犀利地for/in循环使用示例
Oct 22 Javascript
js字符串转成JSON
Nov 07 Javascript
使用jQuery实现验证上传图片的格式与大小
Dec 03 Javascript
JS简单实现城市二级联动选择插件的方法
Aug 19 Javascript
js实现仿MSN带关闭功能的右下角弹窗代码
Sep 04 Javascript
js数字舍入误差以及解决方法(必看篇)
Feb 28 Javascript
vue.js动态数据绑定学习笔记
May 19 Javascript
浅谈vue+webpack项目调试方法步骤
Sep 11 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
vue数据更新UI不刷新显示的解决办法
Aug 06 Javascript
Vue.extend 登录注册模态框的实现
Dec 29 Vue.js
一份老外写的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可变函数的经典用法
2013/06/20 PHP
浅析php原型模式
2014/11/25 PHP
不常用但很实用的PHP预定义变量分析
2019/06/25 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
javascript下判断一个元素是否存在的代码
2010/03/05 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
javascript css styleFloat和cssFloat
2010/03/15 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
document.execCommand()的用法小结
2014/01/08 Javascript
jQuery新的事件绑定机制on()示例应用
2014/07/18 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
使用控制台破解百小度一个月只准改一次名字
2015/08/13 Javascript
JS模拟按钮点击功能的方法
2015/12/22 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
jQuery remove()过滤被删除的元素(推荐)
2017/07/18 jQuery
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
react项目如何使用iconfont的方法步骤
2019/03/13 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
原生JS与JQ获取元素的区别详解
2020/02/13 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
python使用xlrd与xlwt对excel的读写和格式设定
2017/01/21 Python
理论讲解python多进程并发编程
2018/02/09 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
python默认参数调用方法解析
2020/02/09 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
全球摩托车装备领导者:RevZilla
2017/09/04 全球购物
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
公司员工的自我评价范例
2013/11/01 职场文书
企业文化口号
2014/06/12 职场文书
学校百日安全活动总结
2015/05/07 职场文书