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获取GridView选择的行内容
Apr 14 Javascript
默认让页面的第一个控件选中的javascript代码
Dec 26 Javascript
jQuery实现可拖动的浮动层完整代码
May 27 Javascript
深入理解JavaScript系列(46):代码复用模式(推荐篇)详解
Mar 04 Javascript
在jQuery中处理XML数据的大致方法
Aug 14 Javascript
详解基于Bootstrap扁平化的后台框架Ace
Nov 27 Javascript
jQueryUI中的datepicker使用方法详解
May 25 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
Vue.js 动态为img的src赋值方法
Mar 14 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 Javascript
JS实现前端动态分页码代码实例
Jun 02 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模拟HTTP认证
2006/10/09 PHP
ThinkPHP中自定义错误页面和提示页面实例
2014/11/22 PHP
在Linux系统下一键重新安装WordPress的脚本示例
2015/06/30 PHP
PHP未登录自动跳转到登录页面
2016/12/21 PHP
PHP设计模式之原型模式定义与用法详解
2018/04/03 PHP
一文掌握PHP Xdebug 本地与远程调试(小结)
2019/04/23 PHP
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
js判断空对象的实例(超简单)
2016/07/26 Javascript
学习使用jQuery表单验证插件和日历插件
2017/02/13 Javascript
vue.js单页面应用实例的简单实现
2017/04/10 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
js 获取本周、上周、本月、上月、本季度、上季度的开始结束日期
2020/02/01 Javascript
[00:30]明星选手化身超级英雄!2018DOTA2亚洲邀请赛全明星赛来临!
2018/04/06 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
Python中itertools模块用法详解
2014/09/25 Python
python中日期和时间格式化输出的方法小结
2015/03/19 Python
符合语言习惯的 Python 优雅编程技巧【推荐】
2018/09/25 Python
Python3进制之间的转换代码实例
2019/08/24 Python
python 利用matplotlib在3D空间绘制二次抛物面的案例
2021/02/06 Python
Html5页面二次分享的实现
2018/07/30 HTML / CSS
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
智能旅行箱:Horizn Studios
2018/04/30 全球购物
孕妇内衣和胸罩:Cake Maternity
2018/07/16 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
公司综合部的成员自我评价分享
2013/11/05 职场文书
企业授权委托书范本
2014/04/02 职场文书
软件项目开发计划书
2014/05/01 职场文书
大学自主招生推荐信
2014/05/10 职场文书
装修施工安全责任书
2014/07/24 职场文书
商铺租房协议书范本
2014/12/04 职场文书
实习介绍信范文
2015/05/05 职场文书
办公经费申请报告
2015/05/15 职场文书
庆七一主持词
2015/06/29 职场文书
vue项目多环境配置(.env)的实现
2021/07/21 Vue.js
基于Redis的List实现特价商品列表功能
2021/08/30 Redis