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 相关文章推荐
jQuery Clone Bug解决代码
Dec 22 Javascript
Javascript 面向对象编程(一) 封装
Aug 28 Javascript
js 上下左右键控制焦点(示例代码)
Dec 14 Javascript
JavaScript在IE和FF下的兼容性问题
May 19 Javascript
Javascript定义类(class)的三种方法详解
Mar 13 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
原生js的RSA和AES加密解密算法
Oct 08 Javascript
详解Vue调用手机相机和相册以及上传
May 05 Javascript
vue+element实现表单校验功能
May 20 Javascript
100行代码实现vue表单校验功能(小白自编)
Nov 19 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
解决vue请求接口第一次成功,第二次失败问题
Sep 08 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 开源AJAX框架14种
2009/08/24 PHP
PHP 时间日期操作实战
2011/08/26 PHP
PHP生成唯一的促销/优惠/折扣码(附源码)
2012/12/28 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
JavaScript中诡异的delete操作符
2015/03/12 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
javascript回调函数的概念理解与用法分析
2017/05/27 Javascript
手机注册发送验证码倒计时的简单实例
2017/11/15 Javascript
jQuery AJAX与jQuery事件的分析讲解
2019/02/18 jQuery
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
layer实现弹出层自动调节位置
2019/09/05 Javascript
原生JS与CSS实现软件卸载对话框功能
2019/12/05 Javascript
解决Vue 移动端点击出现300毫秒延迟的问题
2020/07/21 Javascript
王纯业的Python学习笔记 下载
2007/02/10 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
Python实现将SQLite中的数据直接输出为CVS的方法示例
2017/07/13 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
Python3.0中普通方法、类方法和静态方法的比较
2019/05/03 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
C#公司笔试题
2014/03/28 面试题
EJB timer的种类
2014/10/28 面试题
应用化学专业职业生涯规划书
2014/01/22 职场文书
投资建议书模板
2014/05/12 职场文书
安全目标责任书
2014/07/22 职场文书
向国旗敬礼活动总结
2014/09/27 职场文书
担保书怎么写 ?
2019/04/22 职场文书
商业计划书范文
2019/04/24 职场文书
少儿励志名言(80句)
2019/08/14 职场文书
JDBC连接的六步实例代码(与mysql连接)
2021/05/12 MySQL
CSS使用Flex和Grid布局实现3D骰子
2022/08/05 HTML / CSS