Question

我一直在努力寻找一个简短易懂的javascript来显示基于URL的div，但我找到的所有脚本似乎都不起作用。

我的页面上有这个div，而css文件隐藏了div：display：none;

<div id="idofthedivtohide"><span>Success!</span></div>

当我去url：contact.php？success我希望div更改为display：block;

有人可以帮我吗？许多例子都可以使用4行代码。

我已经尝试过这段代码，但它似乎不起作用：

<script type="text/javascript">
if (window.location.search.search(success)) document.getElementById("idofthedivtohide").style.display = "block"
</script>

Answer 1

这是另一个解决方案，更“人性化”：

<强> HTML

<div id="idofthedivtohide">
  <span>Success!</span>
</div>

<强>的JavaScript

<script type="text/javascript">
  // Get URL
  var url = window.location.href;
  // Get DIV
  var msg = document.getElementById('idofthedivtohide');
  // Check if URL contains the keyword
  if( url.search( 'success' ) > 0 ) {
      // Display the message
      msg.style.display = "block";
  }
</script>

Answer 2

<div id="success"><span>Success!</span></div>

var locSearch = window.location.search.substring(1).split('&')[0];
if(locSearch){
    document.getElementById( locSearch ).style.display = "block";
}

以上将处理

http://example.exm/page.html?success  // success

与

相同

http://example.exm/page.html?success&user=2971024&votes=0 // success

根据网址显示div

2 个答案: