javascript - 根据 url 隐藏 div，但在 Head 中使用 JS

Question

我有这个:

<div id="myelement"><p>I want hide this text if current URL contain s0dagvLc</p></div>

还有这个:

if (window.location.href.indexOf('s0dagvLc') != -1) {
document.getElementById('myelement').style.display='none';

并且代码可以在 Onload 中运行，但不能在 Head 中运行。我测试了一堆代码但没有更多的运气。我不明白其中的区别。这里有一个 fiddle :http://jsfiddle.net/s0dagvLc/14/

Answer 1

只需用 DOMContentLoaded 的事件监听器包装它.

document.addEventListener('DOMContentLoaded', function(){
  if (window.location.href.indexOf('s0dagvLc') != -1) {
    document.getElementById('myelement').style.display='none';
  }
});