隐藏基于URL的元素

Question

我正在尝试隐藏动态创建的元素，下面是我尝试过的代码，但由于某种原因，菜单仍在JavaScript运行后出现。它适用于html页面，但不适用于asp.net。

<script type="text/javascript">
   if (window.location.href.indexOf("http://www.test.com/xzy") != -1) {
       $("#Menu").hide();
   }
</script>

Answer 1

这将是第一步。添加一个Document ready语句，以便javascript在加载DOM后自行执行。

 document.addEventListener("DOMContentLoaded", function(event) { 
    if (window.location.href.indexOf("http://www.test.com/xzy") != -1) {
         $("#Menu").hide();
    }
  });

如果你需要它在IE8中工作，我读到你可以使用它：

    r(function(){
        if (window.location.href.indexOf("http://www.test.com/xzy") != -1) {
           $("#Menu").hide();
        }
   });
   function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}

致author。