这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 实现页面中所有 img 对象添加 onclick 事件及新窗口查看图片的方法, 涉及 JS 页面元素遍历及属性动态操作相关技巧, 需要的朋友可以参考下
本文实例讲述了 JS 实现页面中所有 img 对象添加 onclick 事件及新窗口查看图片的方法。分享给大家供大家参考,具体如下:
这里演示 js 如何给页面中所有的 img 对象加上 onclick 事件,且实现在新窗体中查看该图片文件的功能:
- <script type="text/JavaScript" language="javascript">
- <!--
- ///给页面中所有img对象添加onclick事件
- //author:aganar
- ///
- function AddImgClickEvent()
- {
- var objs = document.getElementsByTagName("img");
- for(var i=0;i<objs.length;i++)
- {
- objs[i].onclick=function()
- {
- window.open(this.src);
- }
- objs[i].style.cursor = "pointer";
- }
- }
- AddImgClickEvent();
- // -->
- </script>
效果如下图所示:
希望本文所述对大家 JavaScript 程序设计有所帮助。
(adsbygoogle = window.adsbygoogle || []).push({});
来源: http://www.phperz.com/article/17/0702/329102.html