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 相关文章推荐
JavaScript iframe的相互操作浅析
Oct 14 Javascript
javascript工具库代码
Mar 29 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
Bootstrap项目实战之首页内容介绍(全)
Apr 25 Javascript
Google 地图叠加层实例讲解
Aug 06 Javascript
angularJS Provider、factory、service详解及实例代码
Sep 21 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
AngularJS $http模块POST请求实现
Apr 08 Javascript
JavaScript对象_动力节点Java学院整理
Jun 23 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
javascript单张多张图无缝滚动实例代码
May 10 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
如何选购合适的收音机
2021/03/01 无线电
PHP 中关于ord($str)>0x80的详细说明
2012/09/23 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
CI(CodeIgniter)模型用法实例分析
2016/01/20 PHP
PHP单例模式简单用法示例
2017/06/23 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
javascript中简单的进制转换代码实例
2013/10/26 Javascript
基于javascript实现最简单的选项卡切换效果
2016/05/16 Javascript
Javascript vue.js表格分页,ajax异步加载数据
2016/10/24 Javascript
微信小程序 地图(map)实例详解
2016/11/16 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
详解JavaScript中的六种错误类型
2017/09/21 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
2018/07/06 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
JavaScript在web自动化测试中的作用示例详解
2019/08/25 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
2020/12/30 Vue.js
python格式化字符串实例总结
2014/09/28 Python
python执行shell获取硬件参数写入mysql的方法
2014/12/29 Python
python编码总结(编码类型、格式、转码)
2016/07/01 Python
Python基于tkinter模块实现的改名小工具示例
2017/07/27 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
在pycharm中配置Anaconda以及pip源配置详解
2019/09/09 Python
python可视化实现KNN算法
2019/10/16 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
django数据模型中null和blank的区别说明
2020/09/02 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
python中if嵌套命令实例讲解
2021/02/25 Python
前台文员岗位职责
2013/12/28 职场文书
白酒市场开发计划书
2014/01/09 职场文书
服务承诺书怎么写
2014/05/24 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
2015年财政所工作总结
2015/04/25 职场文书
Redis模仿手机验证码发送的实现示例
2021/11/02 Redis