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

标签 javascript html css

我的代码出现在两个站点上,我们称它们为 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-->

问题: 这可能吗?

由于我的 js 知识是零,有人可以告诉我如何做吗?

提前致谢

最佳答案

if ( window.location.host !== "stackoverflow.com"
    && window.location.host !== "stacksnippets.net") {
  $("#divOnlyVisibleForStackOverflow").hide();
} else {
  $("#divNOTOnlyVisibleForStackOverflow").hide();
}
 
<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>

关于javascript - 如何根据当前域更改div的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38851633/

相关文章:

javascript - Google Maps API - 生成美国的随机坐标

HTML 和 BODY 不同的背景

html - 根据文本内容设置HTML表格单元格背景色

css - Bootstrap - 如何使文本框响应?

javascript - 计算动态图片高度后如何执行JavaScript代码?

javascript - 侧边栏中的下拉菜单

javascript - React-tooltip 自定义类正在删除克拉

javascript - 选择带有某个孙子的项目。

javascript - 在两列中打印 div

javascript - 用 javascript 写入文件