javascript - 如何添加直到稍后才被解析的 HTML 元素?

标签 javascript jquery html ajax dom

我正在制作一个网页,并希望在加载其余部分之前显示一个预加载器。我只想要我的第一个<head>标签被浏览器解析,其余的被忽略。这将是理想的:

<head>  
  <script src='preloader.js'></script>  
  <script src='more1.js' ignore='true'></script>  
  <script src='more2.js' ignore='true'></script>  
  <script src='more3.js' ignore='true'></script>  
</head>

这让我想知道如何在我的页面上拥有现有的、潜在的 HTML 标签,我稍后会用 JavaScript 标记这些标签以激活它们,比如取消注释它们。我原以为注释代码会是答案,但我无法从 jQuery 的 DOM 中读取我的 HTML 注释。

如何创建稍后激活的潜在 HTML?

我不想:
- 具有有效的 HTML。
- 注入(inject)驻留在其自身文件之外的 HTML 内容(更改内容,如属性就可以)。
- 取消隐藏任何已解析的内容。

最佳答案

您需要澄清一点:您是希望 HTML 不被解析还是不被显示?

如果您不希望它被解析,请将其插入脚本元素中的 JavaScript 字符串中:

<script type="text/javascript">
/* <![CDATA[ */

var yourHTML = '<div id="whatever">...</div>';

/* ]]> */
</script>

如果您不想显示它,请在 inline 样式上设置 display:none(这可以防止 css 可能发生的任何问题):

<div id="whatever" style="display: none;">...</div>

无论哪种情况,您稍后都可以分别使用 $(yourHTML)$('#whatever') 使用 jQuery 访问节点。

关于javascript - 如何添加直到稍后才被解析的 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4327376/

相关文章:

javascript - jQuery - Ajax POST 请求转换为 GET 请求

jquery - CustomValidator 的问题

jquery - fancybox 没有视频库导航按钮

html - 使用最佳实践示例创建干净简单的 HTML/CSS

html - 将我的图标居中放置在 div 的中间。适用于手持设备但不适用于浏览器

图像中的 HTML 表单

javascript - 地理定位并计算从当前纬度/经度到另一个纬度/经度的距离

javascript - Google Apps 脚本 - 基于 for 循环匹配的单元格中的 .setValue

javascript - jQuery UI Datepicker - 每两周禁用一次

c# - 如何强制脚本在特定位置执行?