JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
更新时间：2016年12月27日 11:21:48 作者：stepday
这篇文章主要介绍了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相关内容感兴趣的读者可查看本站专题：《JavaScript图片操作技巧大全》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
下拉选择框想必大家并不陌生，一边情况下都是使用默认的，为了打破传统，下面与大家分享下使用js自定义下拉选择框示例代码,感兴趣的朋友可以参考下2013-08-08
这篇文章主要介绍了JS简单实现tab切换效果的多窗口显示功能,可实现响应鼠标事件的文字切换显示效果,涉及javascript页面元素遍历与样式变换相关操作技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript的内存空间、赋值和深浅拷贝，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
大家都知道Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。下面这篇文章主要给大家介绍了在JS中利用swiper实现3d翻转幻灯片的相关资料，文中给出了完整的示例代码供大家参考学习，需要的朋友可以参考借鉴，下面来一起看看吧。2017-08-08
这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
这篇文章主要介绍了原生JavaScript实现瀑布流布局的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-12-12
计算机系统并不是通过文件的后缀名来判断文件类型,而是通过文件签名来判断,下面这篇文章主要给大家介绍了关于JavaScript判断文件类型三种方法的相关资料,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了JS中innerHTML和pasteHTML的区别,结合实例形式较为详细的分析了innerHTML和pasteHTML的具体功能与使用区别,需要的朋友可以参考下2016-06-06
JS与HTML之间的交互通过事件实现,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,可以使用(或处理程序)来预定事件,以便事件发生时执行相应的代码,本文将介绍JS事件相关的基础知识,2017-04-04
本例子在在 ff 2.0/ ie6 / ie7 中测试通过。但在 opera 8.5 cn中没有通过。希望大家测试。2008-12-12
最新评论