如果javascript处于打开/关闭状态，则隐藏和显示html代码
所以我有两个链接，如果javascript打开，当它关闭时，我想要显示隐藏，当javascript关闭时，我想用noscript标签显示另外两个链接。
到目前为止，我所拥有的是：
-js here-如果js处于打开状态，则显示2个链接；如果js处于禁用状态，则隐藏-js here- -
-noscript- link 1 link 2 -noscript-
我只有PHP的经验，对javascript不是很熟悉。
最好的方法是什么？是否应该有某种类型的javascript函数来使显示/隐藏函数工作？但是如果javascript关闭了，函数将如何运行来隐藏链接呢？
如果有人能为我指明正确的方向，或者给我提供一个简单的代码片段，我将不胜感激。谢谢!
回答 3
Stack Overflow用户
发布于 2012-08-31 06:03:40
- 使用CSS隐藏链接-默认情况下不可见
脚本链接1脚本链接2
- 使用Javascript显示链接-仅当Javascript处于打开状态时才可见，对于您需要的courseDepending，您可以使用任何其他
display属性(默认情况下，链接为inline，我在此处添加了block，请使用您需要的任何内容)。
- 添加
noscript内容-仅当Javascript处于关闭状态时可见
-two其他链接-
Stack Overflow用户
发布于 2012-08-31 06:06:33
我经常看到在BODY标签上使用CSS类来完成这项工作。例如：
<html>
<head>
<style type="text/css">
BODY A { display: none; }
BODY.script A { display: inherit; }
</style>
</head>
<body>
<a href="#">Shows with Script</a>
</body>
</html>然后，您可以使用以下脚本：
document.body.className = 'script';对于支持Javascript的浏览器，将添加script CSS类并使用BODY.script样式。否则，将使用regulard BODY样式。
然后，您可以在启用或不启用脚本的情况下精确定义页面上任何元素的显示方式。同样，您可以反转它并给BODY一个noscript样式，然后通过脚本删除它。
Stack Overflow用户
发布于 2012-08-31 06:13:23
您也可以在不使用noscript的情况下完成此操作，如下所示
HTML
<a href="" style="display:none" id='javascript_link1'>JS link-1</a>
<a href="" style="display:none" id='javascript_link2'>JS link-2</a>
<a href="" id='nonjs_link1'>link-1</a>
<a href="" id='nonjs_link2'>link-2</a>JS
document.getElementById('javascript_link1').style.display="block";
document.getElementById('javascript_link2').style.display="block";
document.getElementById('nonjs_link1').style.display="none";
document.getElementById('nonjs_link2').style.display="none";。
https://stackoverflow.com/questions/12206169
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号