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  # 页面  # img对象  # 添加  # onclick事件  # 新窗口  # 查看图片  # js动态添加的DIV中的onclick事件简单实例  # JavaScript给按钮绑定点击事件（onclick）的方法  # js动态添加onclick事件可传参数与不传参数  # IE8的JavaScript点击事件(onclick)不兼容的解决方法  # js给onclick事件赋值  # 动态传参数实例解说  # js触发asp.net的Button的Onclick事件应用  # javascript 动态改变onclick事件触发函数代码  # JavaScript onclick事件使用方法详解  # 相关内容  # 遍历  # 感兴趣  # 数据结构  # 给大家  # 所示  # 更多关于  # 所述  # 程序设计  # 如下图  # 及新  # 操作技巧  # 讲述了  # lt  # brush  # class  # script  # JavaScript  # text  # type 

相关文章： 如何在宝塔面板中修改默认建站目录？  广州顶尖建站服务：企业官网建设与SEO优化一体化方案  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  制作宣传网站的软件,小红书可以宣传网站吗？  网站制作外包价格怎么算,招聘网站上写的“外包”是什么意思？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  如何通过免费商城建站系统源码自定义网站主题与功能？  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  如何零基础在云服务器搭建WordPress站点？  如何确认建站备案号应放置的具体位置？  c# 在高并发下使用反射发射（Reflection.Emit）的性能  孙琪峥织梦建站教程如何优化数据库安全？  html制作网站的步骤有哪些,iapp如何添加网页？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  如何在IIS中新建站点并配置端口与IP地址？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的？  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  如何零基础开发自助建站系统？完整教程解析  如何快速生成凡客建站的专业级图册？  C#如何序列化对象为XML XmlSerializer用法  如何通过网站建站时间优化SEO与用户体验？  建站之星后台管理系统如何操作？  建站之星导航菜单设置与功能模块配置全攻略  智能起名网站制作软件有哪些,制作logo的软件？  建站之星展会模版如何一键下载生成？  小建面朝正北，A点实际方位是否存在偏差？  宝塔面板如何快速创建新站点？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  如何快速查询网站的真实建站时间？  建站之星导航配置指南：自助建站与SEO优化全解析  如何在万网ECS上快速搭建专属网站？  免费网站制作appp,免费制作app哪个平台好？  如何通过山东自助建站平台快速注册域名？  如何使用Golang安装API文档生成工具_快速生成接口文档  详解一款开源免费的.NET文档操作组件DocX（.NET组件介绍之一）  建站之星安装失败：服务器环境不兼容？  怎么将XML数据可视化 D3.js加载XML  如何在景安云服务器上绑定域名并配置虚拟主机？  如何在云服务器上快速搭建个人网站？  Python文件管理规范_工程实践说明【指导】  建站之星ASP如何实现CMS高效搭建与安全管理？  浅谈Javascript中的Label语句  建站IDE高效指南：快速搭建+SEO优化+自适应模板全解析  如何在Golang中引入测试模块_Golang测试包导入与使用实践  如何在阿里云完成域名注册与建站？  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  如何制作算命网站,怎么注册算命网站？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  网站网页制作专业公司,怎样制作自己的网页？