Question

我的代码出现在两个网站上，我们称之为www.siteone.com和www.sitetwo.com

我想隐藏div，但只有当用户在sitetwo时才会隐藏。

我对html的访问权限有限，但是我可以在我希望隐藏的div之前和之后插入代码，包括添加其他div和js。 jquery也可以。

我的想法是这样的：

之前插入的代码：

    <script>    
        some js that changes the visibility of a div id 'hiddenontwo'
        if domain = www.sitetwo.com then set visibility of id=hiddenontwo to hidden
    </script>
<div id=hiddenontwo> <!-- open a a wrapper div as i can't set an id on the actual div -->

之后插入的代码：

</div> <!-- Closing the wrapper-->

问题：这有可能吗？

因为我的知识是零，有人可以表达如何做到这一点吗？

非常感谢提前

Answer 1

＆＃13;

if ( window.location.host !== "stackoverflow.com"
    && window.location.host !== "stacksnippets.net") {
  $("#divOnlyVisibleForStackOverflow").hide();
} else {
  $("#divNOTOnlyVisibleForStackOverflow").hide();
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="divOnlyVisibleForStackOverflow"> DIV 1 </div>
<div id="visibleDiv"> DIV 2 </div>
<div id="divNOTOnlyVisibleForStackOverflow"> DIV 3 </div>

＆＃13;

Answer 2

<script>
    var domain = window.location.hostname;
    if(domain == 'www.siteone.com'){
        //do something
    }else{
        //do something
    }
</script>

Answer 3

我认为你可以写出类似的东西

(function(){
  var divToHide = document.querySelector('#hiddenontwo');
  if(location.host === "www.sitetwo.com") {
     divToHide.style.visibility = 'hidden';
  }
})();

如何根据当前域更改div的样式

3 个答案: