js點擊圖片跳轉到另一個網頁（怎麼實現點擊圖片跳轉其他鏈接）

本文目錄一覽：

• 1、js 為什麼圖片可以直接跳轉
• 2、javascript代碼如何實現點擊圖片跳轉到另外一個連接上
• 3、通過JS實現。點擊圖片跳轉到另一個網站。 一定要js代碼的。不要普通的。謝謝了
• 4、請問大神為什麼我的這個js沒起作用？我想在本頁切換圖片，可是點鏈接還是跳轉去了另一個網頁

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’)+'”‘;

}