即使启用JavaScript，内容是否在<noscript>标记中加载/样式化/解析？</noscript>

Question

对于我的网站，我正在显示＆lt; div＆gt;在＆lt; noscript＆gt;内标签

在DIV中，我有一张图片。

快速示例：

    <noscript>
         <img src="logo-sm.png" alt="Site Logo"/>
    </noscript>

如果启用了JavaScript，该图像是否仍然加载，是否应用了CSS样式？ 那么DOM事件监听器呢？ 我想知道很多外部内容（无论是图像，视频，音频等）是否会影响事先允许JavaScript的人的页面加载。

编辑：

顺便说一下，我没有在网上公开这个网站。我正在使用XAMPP在Chrome Canary中查看它。

Answer 1

数目：

1. 图像在控制台中不显示为资源，因此未加载。
2. Chrome引用了noscript标记的innerHTML，使其成为纯文本。

Answer 2

如果启用了JavaScript，该图片是否仍然加载，是否应用了CSS样式？

取决于浏览器的实施。大多数现代浏览器都支持使用<noscript>标记，但在某些情况下，<noscript>甚至可能会导致<script>无法执行。

但是，如果<noscript> 已执行（我知道），则css样式将应用于页面上的元素，因为它们已添加到DOM

DOM事件监听器怎么样？

如果在浏览器上启用了脚本并且您提供了<noscript>内容，则内容应该符合，以免导致解析错误。 Look here for more

我建议您不要使用<noscripts>，因为正如手册所说：

  

noscript元素是一种钝器。有时，脚本可能已启用，但由于某种原因，页面的脚本可能会失败。出于这个原因，通常最好避免使用noscript，而是设计脚本以将页面从无脚本页面动态更改为脚本页面

希望有所帮助：）

Answer 3

如果启用了Javascript，则没有理由说明代码应该正常工作。 noscript标签适用于未启用JS的浏览器/用户。 如果javascript被禁用，图像将会出现，否则它只需要时间加载但不会显示。

Answer 4

如果不支持脚本，或者在用户的浏览器中禁用了脚本，则会显示<noscript>元素内的内容。