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的gzip静态压缩方法
Jan 05 Javascript
javascript Array.remove() 数组删除
Aug 06 Javascript
jQuery中hover方法和toggle方法使用指南
Feb 27 Javascript
javascript框架设计之框架分类及主要功能
Jun 23 Javascript
jQuery+CSS3文字跑马灯特效的简单实现
Jun 25 Javascript
jquery拖动改变div大小
Jul 04 jQuery
jQuery EasyUI 折叠面板accordion的使用实例(分享)
Dec 25 jQuery
Vue 拦截器对token过期处理方法
Jan 23 Javascript
JS中this的指向以及call、apply的作用
May 06 Javascript
新手简单了解vue
May 29 Javascript
vue3修改link标签默认icon无效问题详解
Oct 09 Javascript
微信小程序实现转盘抽奖
Sep 21 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
php print EOF实现方法
2009/05/21 PHP
php session安全问题分析
2011/06/24 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
PHP命名空间定义与用法实例分析
2019/08/14 PHP
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
在线所见即所得HTML编辑器的实现原理浅析
2015/04/25 Javascript
JS实现双击编辑可修改状态的方法
2015/08/14 Javascript
深入分析Javascript事件代理
2016/01/30 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
2016/08/16 Javascript
JavaScript使用delete删除数组元素用法示例【数组长度不变】
2017/01/17 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
微信小程序 页面跳转和数据传递实例详解
2017/01/19 Javascript
微信小程序getPhoneNumber获取用户手机号
2017/09/29 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
基于jquery实现五星好评
2017/11/18 jQuery
JS基于for语句编写的九九乘法表示例
2018/01/04 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
ES6 Promise对象的含义和基本用法分析
2019/06/14 Javascript
[14:50]2018DOTA2亚洲邀请赛开幕式
2018/04/03 DOTA
Python实现分割文件及合并文件的方法
2015/07/10 Python
Django实现快速分页的方法实例
2017/10/22 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
Python中常见的异常总结
2018/02/20 Python
python实现多线程网页下载器
2018/04/15 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
解决HTML5手机端页面缩放的问题
2017/10/27 HTML / CSS
阿根廷网上配眼镜:SmartBuyGlasses阿根廷
2016/08/19 全球购物
德国购买健身器材:AsVIVA
2017/08/09 全球购物
简述索引存取方法的作用和建立索引的原则
2013/03/26 面试题
政治表现评语
2014/05/04 职场文书
竞选班干部演讲稿500字
2014/08/20 职场文书
刑事案件上诉状
2015/05/23 职场文书
2019年自助餐厅创业计划书模板
2019/08/22 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server