7

For my site, I'm displaying a <div> within a <noscript> tag.

In the DIV, I have an image.

Quick Example:

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

If JavaScript is enabled, is that image still loaded, and are CSS styles applied to it? What about DOM event listeners? I'm wondering if a lot of external content (whether it be images, videos, audios, etc.) will affect page load for people who actually allow JavaScript beforehand.

EDIT:

By the way, I don't have this site public on the web. I'm using XAMPP to view it in Chrome Canary.

4

4 回答 4

3

答案：

  1. 图像不会在控制台中显示为资源，因此不会加载。
  2. Chrome 引用 noscript 标签的 innerHTML，使其成为纯文本。
于 2013-08-15T02:11:03.353 回答
2

如果启用了 JavaScript，该图像是否仍在加载，并且是否应用了 CSS 样式？

取决于浏览器的实现。大多数现代浏览器都支持使用<noscript>标签，但在某些情况下，如果 a无法执行，它<noscript>甚至可能会起作用。<script>

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

DOM 事件监听器呢？

如果在浏览器上启用了脚本并且您提供<noscript>内容，则内容应符合要求，以免导致解析错误。看这里了解更多

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

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

希望有帮助:)

于 2013-08-15T02:10:25.520 回答
0

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

于 2013-08-15T01:45:03.027 回答
-2

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

于 2013-08-15T01:42:41.917 回答