JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
版权申诉
5星 · 超过95%的资源 36 浏览量
2020-11-27
18:27:44
上传
评论 1
收藏 111KB PDF 举报 
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程序设计有所帮助。
weixin_38674883
- 粉丝: 3
- 资源: 943
最新资源
- 什么是移动应用开发-关于移动应用开发的相关介绍
- 第二组汇报 PPT.pptx
- 什么是大数据开发-相关介绍-关于大数据开发的相关介绍
- 什么是软件测试-相关介绍-关于软件测试的相关介绍
- 前端开发-什么是前端开发-关于前端开发的一些相关介绍
- Sora AI-关于文生视频的使用场景说明
- suno AI文生视频的相关教程和介绍使用
- 什么是后端开发-关于后端开发的一些小介绍分享
- Jurassic Pack Vol. II Dinosaurs 侏罗纪包卷恐龙二号Unity游戏模型资源unitypackage
- Jurassic Pack Vol. III Dinosaurs 侏罗纪包卷恐龙三号Unity游戏模型资源unitypackag
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
- 3
前往页