javascript - 如何在禁用 JavaScript 时隐藏部分 HTML?

标签 javascript html noscript

我正在努力适应没有 JavaScript 的用户。 (顺便说一句,现在值得努力吗?)

在一个 HTML 文件中,如果脚本打开,我希望它执行一部分,如果脚本关闭,则执行另一部分。

<noscript>标签让我做前者,但如何实现后者?如果脚本关闭,我如何标记 HTML 的一部分以便它不被浏览器解析?

最佳答案

我一直在寻找一种方法来执行此操作,以便我可以隐藏一个导航下拉菜单,该菜单在启用 javascript 时变得无效。但是,所有更改显示属性的解决方案都不起作用。

因此,我首先为下拉菜单周围的 div 元素分配了一个 ID (ddown)。

然后,在 HTML 文档的头部部分,我添加了以下内容:

<noscript>
    <style>
        #ddown {display:none;}
    </style>
</noscript>

这就奏效了。不依赖于 javascript、jquery 或任何其他脚本:只有纯 HTML 和 CSS。

关于javascript - 如何在禁用 JavaScript 时隐藏部分 HTML?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1577598/

相关文章:

javascript - 如何使用javascript或jquery解析这种类型的字符串?

javascript - 在 Bootstrap 4 的移动 View 中如何删除右侧的空间?

javascript - 与 Sequelize 的关联

html - 导航栏,内联显示问题

html - CSS:如何在内容的左侧和右侧制作背景

javascript - 没有脚本标签与服务器端验证?

javascript - 相当于在vanillajs中设置html和body height为window height

javascript - noscript 标签内的文本将作为文本而不是表单输出

html - bg 中是否加载 noscript 内容

html - 如何在 ASP Classic 中格式化由嵌套循环产生的嵌套表