首页 > 编程知识 正文

js点击图片跳转到另一个网页(怎么实现点击图片跳转其他链接)

时间:2023-12-11 16:24:16 阅读:314596 作者:BWEH

本文目录一览:

js 为什么图片可以直接跳转

JS实现点击图片跳转页面放大功能:

1)、在列表页,给每一个数据加上对应的标识位,点跳转时传过去

2)、获取值、获取屏幕宽度

var number = '{{ app.request.get('n') }}';

var window_width = $(document).width();

3)、获取外层slide-ul的left偏移值

$('.slide-ul').css('left','-' + window_width*number + 'px');

javascript代码如何实现点击图片跳转到另外一个连接上

javascript代码实现点击图片跳转到另外一个连接上的方法是给a标签加图片,并附上目标地址。

参考代码如下:

html

headtitle增加图片链接,点击后跳转/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;iimg.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

通过JS实现。点击图片跳转到另一个网站。 一定要js代码的。不要普通的。谢谢了

document.getElementById('要点击跳转的图片id').onclick=function(){

window.location.assign('要跳转的网址');

}

请问大神为什么我的这个js没起作用?我想在本页切换图片,可是点链接还是跳转去了另一个网页

1、想要在页面无刷新更换图片应该:

a href="#" target="_self"  onclick="showpic(this);"div id="test"aaaaa/div/a

2、将showpic函数改成:

function myFunc(obj){

var aClick = document.getElementById('test');

var placeholder= document.getElementById('placeholder');

aClick.innerHTML = 'img src="'+placeholder.getAttribite('src')+'"';

}

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。