javascript - 如果 javascript 打开/关闭，隐藏和显示 html 代码

Question

所以我有 2 个链接，我想在 javascript 开启时显示并在它关闭时隐藏，当 javascript 关闭时，我想在其位置显示 2 个带有 noscript 标签的链接。

我目前拥有的是:

-这里是js-如果 js 打开则显示 2 个链接，禁用时隐藏-这里是js-

-无脚本-链接 1链接 2-无脚本-

我只有PHP经验，对javascript不是很熟悉。

解决此问题的最佳方法是什么？是否应该有某种 javascript 函数来使显示/隐藏功能起作用？但是如果 javascript 关闭，该函数将如何运行以隐藏链接？

如果有人能为我指明正确的方向或提供简单的代码片段，我将不胜感激。谢谢!

Answer 1

1. 使用 CSS 隐藏链接 - 默认情况下不可见

   <a id="link1" href="#" style="display: none">Script link 1</a>
   <a id="link2" href="#" style="display: none">Script link 2</a>
   

2. 使用 Javascript 显示链接 - 当然，它们只有在 Javascript 打开时才可见

   <script type="text/javascript">
        document.getElementById('link1').style.display="block";
        document.getElementById('link2').style.display="block";
   </script>
   

   根据你的需要，你可以使用任何其他的display属性(链接默认是inline，我在这里添加了block，使用无论你需要什么)。

3. 添加 noscript 内容 - 仅在 Javascript 关闭时可见

   <noscript>
   -two other links-
   </noscript>