javascript - 使用 Javascript 在 HTML 页面上隐藏按钮的最佳方法

Question

一个简单的页面，带有按钮:

<button id="MyButton">Hello</button>

问题是:

• 我需要按钮来显示 Javascript 是否被禁用
• 如果启用了 Javascript，我需要隐藏按钮

一个简单的 Jquery:

$('#MyButton').hide();

这还不够，因为按钮会“闪烁”，它会加载然后自行隐藏，而且非常引人注目。

我发现使这项工作起作用的一种方法是使用 JS 在之后立即隐藏它:

<button id="MyButton">Hello</button>
<script>
    document.getElementById('MyButton').style.visibility = 'hidden';
</script>

这看起来有点丑陋并且违反了一些良好的标准规则，这是隐藏按钮而没有闪烁效果的唯一方法吗？

Answer 1

听起来像是 noscript 标签的工作!

<noscript>
    <button id="MyButton">Hello</button>
</noscript>