調用外部JS的功能，其中該功能需要做的另一頁

Question

我很新的js 什麼，我試圖做的是我有2個網頁在一個變化是一個畫廊頁面，另一種是網站地圖。

在畫廊頁我有5個個小圖像，並與它下面的說明一個大的圖像。當用戶點擊小圖像時，大圖像被用戶點擊的圖像替換，並且相應地改變了描述。我通過調用外部js文件上的onclick函數來完成此操作。

我不能做我自己是應該有一個網站地圖，查看大圖上的每個小圖片上的鏈接。

Answer 1

您可以使用URL GET參數。在您的網站地圖頁面，這樣你的圖像鏈接設置的href屬性：

<a href="index.html?image=image1"></a> 
<a href="index.html?image=image2"></a> 
<a href="index.html?image=image3"></a> 

那麼對於您的圖片網頁使用腳本來獲取圖像參數。我使用通用功能獲取所有參數，然後檢查圖像。

function getAllParams() { 
var allParams = {}; 
var query = window.location.search.slice(1); 
if (query) { 
    query = query.split('#')[0]; //all after # is not a part of query 
    var arr = query.split('&'); // split our query string into its component parts 
    for (var i=0; i<arr.length; i++) { 
     var pair = arr[i].split('='); // separate the keys and the values 
     allParams[pair[0]] = decodeURIComponent(pair[1]); //add query and its value to allParams obj 
    } 
} 

return allParams; 
} 

var allParams = getAllParams(); 

if (allParams.image === 'image1') { 
    //show your image1 as a big image 
}