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 相关文章推荐
asp(javascript)全角半角转换代码 dbc2sbc
Aug 06 Javascript
js 判断脚本加载完毕的代码
Jul 13 Javascript
js call方法详细介绍(js 的继承)
Nov 18 Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
详解JavaScript中的客户端消息框架设计原理
Jun 24 Javascript
理解javascript模块化
Mar 28 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
详解vue事件对象、冒泡、阻止默认行为
Mar 20 Javascript
vue2.0获取自定义属性的值
Mar 28 Javascript
jQuery 禁止表单用户名、密码自动填充功能
Oct 30 jQuery
JavaScript中break、continue和return的用法区别实例分析
Mar 02 Javascript
一份老外写的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
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
Cakephp 执行主要流程
2010/03/24 PHP
PHP static局部静态变量和全局静态变量总结
2014/03/02 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
一个轻量级的javascript库 pj介绍
2010/12/19 Javascript
如何在MVC应用程序中使用Jquery
2014/11/17 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
BootStrap3学习笔记(一)之网格系统
2016/05/20 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
AngularJS+bootstrap实现动态选择商品功能示例
2017/05/17 Javascript
使用Fullpage插件快速开发整屏翻页的页面
2017/09/13 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
vue之延时刷新实例
2019/11/14 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
[01:28]国服启动器接入蒸汽平台操作流程视频
2021/03/11 DOTA
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
python插入排序算法的实现代码
2013/11/21 Python
详解python3百度指数抓取实例
2016/12/12 Python
Python(Django)项目与Apache的管理交互的方法
2018/05/16 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
使用django和vue进行数据交互的方法步骤
2019/11/11 Python
Python绘制三角函数图(sin\cos\tan)并标注特定范围的例子
2019/12/04 Python
Django高并发负载均衡实现原理详解
2020/04/04 Python
keras 多gpu并行运行案例
2020/06/10 Python
基于pytorch中的Sequential用法说明
2020/06/24 Python
python 中关于pycharm选择运行环境的问题
2020/10/31 Python
解决python的空格和tab混淆而报错的问题
2021/02/26 Python
HOTEL INFO英国:搜索全球酒店
2019/08/08 全球购物
温泉秘密:Onsen Secret
2020/07/06 全球购物
法律专业学生的自我评价
2014/02/07 职场文书
优秀教师先进个人事迹材料
2014/08/31 职场文书
2014年学生党支部工作总结
2014/12/20 职场文书
《家世》读后感:看家训的力量
2019/12/30 职场文书
Java实现字符串转为驼峰格式的方法详解
2022/07/07 Java/Android