gpt4 book ai didi

javascript - JS 使用 url 显示 div

转载 作者:行者123 更新时间:2023-12-03 10:17:42 24 4
gpt4 key购买 nike

我有一个代码,当在网址的最后部分输入“?a='输入 div 编号'”代码时,该代码会显示隐藏的 div。

<html>
<title> </title>
<head>
</head>

<body>
<div id="tab1" style="display:none" >
<p> "This is div 1" </p>
</div>

<div id="tab2" style="display:none">
<p> "This is div 2" </p>
</div>

<div id="tab3" style="display:none">
<p> "This is div 3" </p>
</div>
</body>
<script type="text/javascript">

if (window.location == 'http://localhost/assignment.html'){
document.getElementById("tab1").style.display="block";
}

if (window.location == 'http://localhost/assignment.html?a=2'){
document.getElementById("tab2").style.display="block";
}

if (window.location == 'http://localhost/assignment.html?a=3'){
document.getElementById("tab3").style.display="block";
}else{
document.getElementById("tab1").style.display="block";
}



</script>


</html>

不知怎的,当我输入http://localhost/assignment.html?a=2时结果给出“这是 div1”和“这是 div2”

最佳答案

您的最后一个 else 语句仅适用于您的最后一个 if 语句,因此 tab1 始终a!= 3。我认为你的意思是使用 else if:

if (window.location == 'http://localhost/assignment.html') {
document.getElementById("tab1").style.display = "block";
} else if (window.location == 'http://localhost/assignment.html?a=2') {
document.getElementById("tab2").style.display = "block";
} else if (window.location == 'http://localhost/assignment.html?a=3') {
document.getElementById("tab3").style.display = "block";
} else {
document.getElementById("tab1").style.display = "block";
}

关于javascript - JS 使用 url 显示 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29791140/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com