Javascript重定向和成功调用函数
在我的网页上有googlemapsbuy.html,用户可以点击任何大陆。如果他点击亚洲,我会用世界地图隐藏div,并显示新地图id=Asia的新div,我的url现在看起来像这个buy.htmlasia 在页脚中,我有一个带有大陆名称的菜单,当用户单击任何大陆的名称时,我需要将他重定向到所选的大陆buy.htmlasia或buy.htmlafrica或buy.htmlaustralia等 首先,我尝试一切只在html修复Javascript重定向和成功调用函数,javascript,jquery,html,redirect,Javascript,Jquery,Html,Redirect,在我的网页上有googlemapsbuy.html,用户可以点击任何大陆。如果他点击亚洲,我会用世界地图隐藏div,并显示新地图id=Asia的新div,我的url现在看起来像这个buy.htmlasia 在页脚中,我有一个带有大陆名称的菜单,当用户单击任何大陆的名称时,我需要将他重定向到所选的大陆buy.htmlasia或buy.htmlafrica或buy.htmlaustralia等 首先,我尝试一切只在html修复 <a href="buy.html#australia">A
<a href="buy.html#australia">Australia</a>
<a href="buy.html#asia">Asia</a>
<a href="buy.html#africa">Africa</a>
这就是我如何利用.js的创意,点击重定向到buy.html,成功调用新函数show_countryname。当我点击地图时,这个函数就工作了,所以我认为这里不需要它。如果有人需要查看此函数的代码,我将在这里发布
function changeState(name){
document.location.href = "domein.com/buy.html";
//i'm stuck here, how to add success and call this function on success
show_country(name)
};
这里document.location.href不适用于我,我不知道如何在这种情况下添加成功
我希望您理解我的问题您可以尝试使用第一个方法和脚本,还可以为所有map div添加公共类map HTML代码:
<a href="buy.html#australia">Australia</a>
<a href="buy.html#asia">Asia</a>
<a href="buy.html#africa">Africa</a>
脚本:
<script>
$(function () {
var url = window.location.href; // Returns full URL
var res = url.split("#");
var id = res[1];
$(".map").css("display", "none");
$("#"+id).css("display", "block");
});
我记得我看起来像你的。您必须使用哈希更改处理程序来执行所需操作:
在菜单中使用以下链接:
<a href="buy.html#australia">Australia</a>
<a href="buy.html#asia">Asia</a>
<a href="buy.html#africa">Africa</a>
您可以使用HTML书签来实现它。 HTML书签用于允许读者跳转到网页的特定部分。在你的例子中,它显示地图 window.onload=函数{ 让activeMap=Booleandocument.location.hash?document.location.hash:亚洲; console.logactiveMap; document.querySelectoractiveMap.style.display=block; } 函数changeStatename{ console.logI am in,name; 让maps=document.queryselectoral.map; forlet i=0;i
<a href="buy.html#australia">Australia</a>
<a href="buy.html#asia">Asia</a>
<a href="buy.html#africa">Africa</a>
function locationHashChanged() {
if (location.hash.startsWith("#")) {
show_country(decodeURI(location.hash).substring(1));
}
}
//bind handler for next clicks
window.onhashchange = locationHashChanged;
//on page load call to init the right view
locationHashChanged();