Javascript 禁用帮助答案

【问题标题】：Javascript disabled helpJavascript 禁用帮助
【发布时间】：2010-05-25 05:12:56
【问题描述】：

我有一个简单的 .html 页面，它使用 Javascript 来显示一些弹出窗口。现在，如果禁用了 Javascript，我想显示一些带有锚链接的文本，所以如果启用了 javascript，我应该能够显示弹出窗口，但如果禁用 Javascript，我想显示一些文本并且不应该显示弹出窗口。我不想使用有没有办法可以用 HTML、CSS 做到这一点？

Name: <a class="icon_help" href="#hbc_2" title="Prevention, Immunization &amp; Screening">2</a><noscript><a href="" title="">2</a></noscript>

如果您看到上面的语句，会有一个小图标显示 Javascript，但如果禁用 Javascript，我只想在锚标记中显示文本。但是当前发生的情况是，当禁用 Javascript 时，锚链接中的文本会与图标一起显示，我只想在 Javascript 关闭时显示文本。谢谢

【问题讨论】：

见：stackoverflow.com/questions/121203/…

标签： javascript html css

【解决方案1】：

添加无脚本子句：

<noscript>
  <a href="blabla1.html">Link 1</a><br />
  <a href="blabla2.html">Link 2</a><br />
  <a href="blabla3.html">Link 3</a>
</noscript>

更多信息here。

【讨论】：

对于 OP 对 IMO 的需求来说并不是很好（即使他要求这样做）。我认为这里需要的是渐进式增强。

【解决方案2】：

使用渐进增强：

<a href="/link/to/help/document.html" 
   onclick="do_javascript_stuff(); return false">

（将click 事件添加到文档的head 部分或单独的脚本文件中的链接被认为是一种很好的形式，但这也可以。）

这样，如果 JavaScript 被关闭，用户将被带到 HTML 文档；否则，您的 JavaScript 操作将触发。

【讨论】：

有没有办法让它保持在同一页面上？
我的意思是如果 JS 关闭，则仅显示 HTML/CSS 文本，否则如果 JS 显示图标 [Javascript]
@kjkj 这可能但很复杂 - 在这种情况下，使用 noscript 标签可能会更容易！

【解决方案3】：

有 javascript 来隐藏包含这些链接的框吗？

【讨论】：

【解决方案4】：

我假设您的问题是，“如果禁用 Javascript，我如何显示特定内容？”您可以使用noscript 标签。

<noscript>
  <!-- content -->
</noscript>

这将导致不支持 JavaScript 的浏览器简单地忽略此标记，并处理其中嵌套的内容。如果启用了 JavaScript，支持 JavaScript 的浏览器会跳过此标记。更多示例和完整属性列表：http://www.w3schools.com/tags/tag_noscript.asp

不过，我强烈建议您不要使用 JavaScript 或任何其他实现来显示自动弹出窗口。

【讨论】：