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 放大镜 放大倍率和视窗尺寸
May 09 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
html dom节点操作(获取/修改/添加或删除)
Jan 23 Javascript
使用webpack搭建react开发环境的方法
May 15 Javascript
jQuery中$原理实例分析
Aug 13 jQuery
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
Vue函数式组件-你值得拥有
May 09 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
Jul 25 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 23 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
Mar 23 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
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
js实现在同一窗口浏览图片
2014/09/17 Javascript
jQuery实现返回顶部效果的方法
2015/05/29 Javascript
JavaScript实现把数字转换成中文
2015/06/29 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
2015/09/22 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
2016/03/01 Javascript
详解JavaScript的另类写法
2016/04/11 Javascript
总结JavaScript设计模式编程中的享元模式使用
2016/05/21 Javascript
原生javascript 学习之js变量全面了解
2016/07/14 Javascript
jQuery实现的模拟弹出窗口功能示例
2016/11/24 Javascript
有关suggest快速删除后仍然出现下拉列表的bug问题
2016/12/02 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
React实现评论的添加和删除
2020/10/20 Javascript
Python实现简单多线程任务队列
2016/02/27 Python
python 出现SyntaxError: non-keyword arg after keyword arg错误解决办法
2017/02/14 Python
Python插件virtualenv搭建虚拟环境
2017/11/20 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
python脚本开机自启的实现方法
2019/06/28 Python
如何使用Pytorch搭建模型
2020/10/26 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
给校长的建议书200字
2014/05/16 职场文书
学校节能减排倡议书
2014/05/16 职场文书
婚礼秀策划方案
2014/05/19 职场文书
医院标语大全
2014/06/23 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
《詹天佑》教学反思
2016/02/20 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS