javascript - 如果没有设置参数则隐藏div

Question

每当未设置参数时，我都会遇到一些隐藏 div 的问题。 我当前的网址是 https://example.com/player.php?ch= 并且还有一个 ID 为 hideNoParam

的 div

我当前的代码如下

if(location.search == "?ch="){
  $('#hideNoParam').hide();
}

但这并没有按预期工作。

我希望它做的是每当 URL 只是 https://example.com/player.php 或 https://example.com/player.php ?ch= div hideNoParam 不可见，但每当 URL 为 https://example.com/player.php?ch=something 时它是可见的。

谢谢!

Answer 1

您可以尝试以下方式 URL对象:

var loc = 'https://example.com/player.php?ch=';
var url = new URL(loc);
var c = url.searchParams.get("ch");

if(!c){
 $('#hideNoParam').hide();
}

// with param
var loc2 = 'https://example.com/player.php?ch=hello';
var url2 = new URL(loc2);
var c2 = url2.searchParams.get("ch");
if(!c2){
 $('#hideNoParam2').hide();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="hideNoParam">Test Container</div>

<div id="hideNoParam2">Test container is shown because the parameter has value</div>