Question

我是JS的新手。我相信问题很简单，我想显示/隐藏基于URL的2 div。这是我的情况：

我在they are subtly different when more parameters are passed中，并且我只想显示div1，而当我在https://urlzero.com和https://urlone.com中时，我想显示div2。

<div class="div1">

<select size="1" name="links" onchange="window.location.href=this.value;">

        <option value="https://urlone.com">URL ONE</option>
        <option value="https://urltwo.com">URL TWO</option>

 </select>

</div>

<div class="div2">

<select size="1" name="links" onchange="window.location.href=this.value;">

        <option value="https://urlthree.com">URL THREE</option>
        <option value="https://urlfour.com">URL FOUR</option>

 </select>

</div>

我的脚本

window.onload = function() {

if(window.location.href == "https://urlone.com" || window.location.href == 
"https://urltwo.com" ) {

//Hide the element.
document.querySelectorAll('.div1')[0].style.display = 'none';
 }

 if(window.location.href == "https://urlzero.com") {
//Hide the element.
document.querySelectorAll('.div2')[0].style.display = 'none';
}
};

它不起作用！！显示2格。我该怎么办？

谢谢

Answer 1

所有拳头都会尝试捕获所有url，然后根据您的逻辑使用与波纹管代码非常相似的代码。您可以根据您的url捕获值将null更改为undefined或empty。希望这会起作用（JQuery版本）..............

var $urlOne="https://urlone.com";
var $urlTwo="https://urltwo.com";
var $urlZero="https://urlzero.com";

if(($urlOne =="https://urlone.com" || $urlZero !='') && 
($urlTwo=="https://urltwo.com" || $urlZero!='')) {
 //Hide the element.
$(".div1").hide();
$(".div2").show();
}

if($urlZero=="https://urlzero.com"||$urlZero !='') {
//Hide the element.
$(".div2").hide();
$(".div1").show();
};

使用select在特定的URL上显示2个不同的div

1 个答案: