Javascript 从外部JS调用函数,该函数需要在另一个页面上进行更改
我对js很陌生 我想做的是我有两个网页,一个是图库页面,另一个是网站地图 在图库页面上,我有5个小图片和一个大图片,下面有描述。当用户单击小图像时,大图像将替换为用户单击的图像,并且描述也相应更改。我通过在外部js文件上调用onclick函数来实现这一点Javascript 从外部JS调用函数,该函数需要在另一个页面上进行更改,javascript,html,sitemap,Javascript,Html,Sitemap,我对js很陌生 我想做的是我有两个网页,一个是图库页面,另一个是网站地图 在图库页面上,我有5个小图片和一个大图片,下面有描述。当用户单击小图像时,大图像将替换为用户单击的图像,并且描述也相应更改。我通过在外部js文件上调用onclick函数来实现这一点 我自己做不到的是,网站地图上应该有链接,以便在大图片上查看每个小图片 您可以使用URL获取参数。在站点地图页面上,按以下方式设置图像链接的href属性: <a href="index.html?image=image1"></
我自己做不到的是,网站地图上应该有链接,以便在大图片上查看每个小图片 您可以使用URL获取参数。在站点地图页面上,按以下方式设置图像链接的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
}