javascript代码如何实现点击图片跳转到另外一个连接上
如上代码是我想修改的，现在的效果是点击src显示的图片直接_self返回本页，我想修改成点击这个图片后在新窗口打开指定连接。谢谢！...
如上代码是我想修改的，现在的效果是点击src显示的图片直接_self返回本页，我想修改成点击这个图片后在新窗口打开指定连接。
谢谢！ 展开
谢谢！ 展开
2016-03-16 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
javascript代码实现点击图片跳转到另外一个连接上的方法是给a标签加图片，并附上目标地址。
参考代码如下：
<html>
<head><title>增加图片链接，点击后跳转</title></head>
<body onload="addLinkForImage()">
<img src="Koala.jpg" width="300" height="200" />
<img src="Penguins.jpg" width="300" height="200" />
</body>
<script type="text/javascript">
function addLinkForImage(){
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].id="img"+i;
var img1=document.getElementById("img"+i);
var a=document.createElement("a");
//获取当前元素的父元素进行替换
img1.parentNode.replaceChild(a,img1);
a.href=img1.src;
a.appendChild(img1);
}
}
</script>
</html>
参考代码如下：
<html>
<head><title>增加图片链接，点击后跳转</title></head>
<body onload="addLinkForImage()">
<img src="Koala.jpg" width="300" height="200" />
<img src="Penguins.jpg" width="300" height="200" />
</body>
<script type="text/javascript">
function addLinkForImage(){
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
img[i].id="img"+i;
var img1=document.getElementById("img"+i);
var a=document.createElement("a");
//获取当前元素的父元素进行替换
img1.parentNode.replaceChild(a,img1);
a.href=img1.src;
a.appendChild(img1);
}
}
</script>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
把_self改为_blank
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先在整个标签外面套一层a标签，然后把a标签的target属性的值改为“_blank”即可。就可以在新窗口打开链接了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
