我对js很陌生 我想做的是我有 2 个网页,一个是图库页面,另一个是站点地图。
在图库页面上,我有 5 张小图像和一张大图像,下面有说明。当用户单击小图像时,大图像将替换为用户单击的图像,并且描述也会相应更改。我通过在外部 js 文件上调用 onclick 函数来完成此操作。
我自己做不到的是,站点地图上应该有链接来查看大图像上的每个小图像。
最佳答案
您可以使用 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
}
关于javascript - 从外部 JS 调用函数,该函数需要在另一个页面上进行更改,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45124521/