本文实例讲述了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测试包导入与使用实践
如何在阿里云完成域名注册与建站?
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
如何制作算命网站,怎么注册算命网站?
巅云智能建站系统:可视化拖拽+多端适配+免费模板一键生成
网站网页制作专业公司,怎样制作自己的网页?
*请认真填写需求信息,我们会在24小时内与您取得联系。