调用外部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 
}