javascript不會從URL加載圖像

Question

我正在嘗試制作一種在線畫廊，這是第一個.html文檔，當我單擊一個圖像縮略圖時，應該在gallery.html中以該圖像的完整尺寸打開html。

<html >
<head>
<title>Untitled Document</title>
</head>
<body > 
<a href="gallery.html?image1.jpg"> <img  height="85" width="85"  src="image1.jpg" /> </a>
<a href="gallery.html?image2.jpg"> <img  height="85" width="85"  src="image2.jpg" /> </a>
<a href="gallery.html?image3.jpg"> <img  height="85" width="85"  src="image3.jpg" /> </a>
</body>
</html>

gallery.html

<html>
<head>
<script language = "javascript">
function getUrl(){
var url = window.location.search;
path = url.substring(1);
changeImage(path);
}

function changeImage(path){
var imgDest = document.getElementById("image");
var imgSrc = path;
imgDest.setAttribute("src", imgSrc);
}
</script>
<title>Galerry</title>
</head>
<body>
<img src="" id="image"/>
<br>
</body>
</html>

所有圖片和.html文檔都在同一個文件夾中...還有一些.jpg圖片，它們的名稱中都有空格，因此單擊它們會將％20放在地址欄而不是空格中，我知道％20會替換空格，但是問題可能在那里嗎？ 我是這么認為的，但是它也想用常規名稱加載圖像。 知道如何加載這些圖像嗎？

問候

Answer 1

在我看來，您的JavaScript函數從未調用過。 編輯您的腳本，以便在頁面加載時調用它：

<script language="javascript">
// Assign an anonymous function to the onload event
window.onload = function(){
    // Place code to execute here.
}
</script>

或者，編輯您的<body>標簽：

  <body onload="getUrl();">

javascript不會從URL加載圖像

問題描述

1 個解決方案

解決方案1
1 已采納 2012-06-25 09:33:14

javascript不會從URL加載圖像

問題描述

1 個解決方案

解決方案1 1 已采納 2012-06-25 09:33:14

解決方案1
1 已采納 2012-06-25 09:33:14