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 相关文章推荐
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
JavaScript 实现类的多种方法实例
May 01 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
Jan 27 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
Jun 12 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
AngularJs bootstrap详解及示例代码
Sep 01 Javascript
AngularJs Modules详解及示例代码
Sep 01 Javascript
AngularJS入门教程之模块化操作用法示例
Nov 02 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
Jan 21 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
JavaScript 中的无穷数(Infinity)详解
Feb 13 Javascript
使一个函数作为另外一个函数的参数来运行的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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
php实现mysql封装类示例
2014/05/07 PHP
typecho插件编写教程(三):保存配置
2015/05/28 PHP
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
javascript使用smipleChart实现简单图表
2015/01/02 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
深入理解javascript中的 “this”
2017/01/17 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
vue+axios+element ui 实现全局loading加载示例
2018/09/11 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
2018/11/05 Javascript
浅谈小程序globalData的那些事儿
2019/11/01 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
用Python编写一个高效的端口扫描器的方法
2018/12/20 Python
Python3.5基础之函数的定义与使用实例详解【参数、作用域、递归、重载等】
2019/04/26 Python
eclipse创建python项目步骤详解
2019/05/10 Python
使用python的pyplot绘制函数实例
2020/02/13 Python
opencv+python实现均值滤波
2020/02/19 Python
matlab灰度图像调整及imadjust函数的用法详解
2020/02/27 Python
Python 生成VOC格式的标签实例
2020/03/10 Python
Python基于Faker假数据构造库
2020/11/30 Python
django中cookiecutter的使用教程
2020/12/03 Python
大学新生军训个人的自我评价
2013/10/03 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
《称象》教学反思
2014/04/25 职场文书
项目建议书怎么写
2014/05/15 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
早会开场白台词大全
2015/06/01 职场文书
美容院管理规章制度
2015/08/05 职场文书
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL
SpringCloud之@FeignClient()注解的使用方式
2021/09/25 Java/Android
Win11电脑显示本地时间与服务器时间不一致怎么解决?
2022/04/05 数码科技