从外部 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
}

从外部 JS 调用一个函数，该函数需要在另一个页面上进行更改

Calling a function from external JS where that function needs to make changes on another page

javascript

html

sitemap