JavaScript实现点击图片弹出对话框：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
img {
width: 500px;
height: 300px;
}
</style>
</head>
<body>
<img src="1.jpg-600" alt=""/>
<img src="2.jpg-600" alt=""/>
<img src="3.jpg-600" alt=""/>
<script>
//获取所有的img标签
var imgObjs = document.getElementsByTagName("img");
//遍历标签
for (var i = 0; i < imgObjs.length; i++) {
//注册点击事件,添加事件处理函数
imgObjs[i].onclick = function () {
alert("HTML中文网");
};
}
</script>
</body>
</html>运行结果：
点击图片后效果：
getElementsByTagName() 方法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法：
document.getElementsByTagName(tagname)
JavaScript事件：
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。
以上就是javascript里怎么实现点击图片弹出对话框？的详细内容，更多请关注0133技术站其它相关文章！
