JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
本文实例讲述了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相关内容感兴趣的读者可查看本站专题：《JavaScript图片操作技巧大全》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
-
本文向大家介绍JS遍历页面所有对象属性及实现方法，包括了JS遍历页面所有对象属性及实现方法的使用技巧和注意事项，需要的朋友参考一下 for...in循环的Javascript示例： 今天网上Java Tang博客找到了一个用来遍历JavaScript某个对象所有的属性名称和值的方法，这样想使用方法的时候非常的直观和方便。代码如下： AJAX的JavaScript的反射机制,反射机制指的是程序在运行
-
问题内容： 我一直试图将onclick事件添加到使用JavaScript添加的新元素中。 问题是当我检查document.body.innerHTML时，我实际上可以看到onclick = alert（’blah’）已添加到新元素中。 但是，当我单击该元素时，我看不到警报框正在运行。实际上，任何与JavaScript相关的功能都无法正常工作。 这是我用来添加新元素的方法： 这是我所谓的函数：
-
本文向大家介绍JS实现动态给图片添加边框的方法，包括了JS实现动态给图片添加边框的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JS实现动态给图片添加边框的方法。分享给大家供大家参考。具体如下： 下面的JS代码设置图片的边框为2个像素，即border=2 希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍JS动态给对象添加事件的简单方法，包括了JS动态给对象添加事件的简单方法的使用技巧和注意事项，需要的朋友参考一下 WEB项目中，我们常常会碰到要动态对相应的对象添加事件，如下，有id="txtPrice"的文本框控件： 现在我们为其动态添加一事件，JS核心代码如下： 【补充】 有时候为了实现不同浏览器之前的兼容，我们会这样写： 以上这篇JS动态给对象添加事件的简单方法就是小编分享给大
-
对于我的项目，我正在尝试通过单击每张图片下的“查看注释”来显示图片注释。问题是当我点击查看一张图片的评论时，它会触发并打开所有图片的“查看评论”部分。有人能帮忙吗！ jQuery： HTML：
-
本文向大家介绍javaweb页面附件、图片下载及打开(实现方法)，包括了javaweb页面附件、图片下载及打开(实现方法)的使用技巧和注意事项，需要的朋友参考一下 在javaweb中写了一个图片的链接，可以打开预览，另外提供一个下载功能。 以下是预览代码，没什么好说的；href若连接的是一个压缩包文件之类无法直接打开的就可以直接下载； 关键在于如何在页面上下载这个张图片，于是写了下面的一个jsp用