JQuery:不使用 document.ready 并插入 HTML 标签 = 允许这样做吗？

Question

这是一个有效的 JQuery 使用模式吗:

<script type="text/javascript">
        $("body").prepend('<input type="hidden" id="error" value="show">');         
    </script>

这是使用 Jquery 操作/插入 HTML 标签当文档尚未加载时(不使用 document.ready 插入 DOM)？

(通常我只使用 document.ready，但在这种情况下，当调用 document.ready 时，我需要将一些信息插入到当前存在的 DOM 中。这是某种“发生在之前”的关系想要实现这样我就可以确定当调用 document.ready 时插入的表单字段在文档中可用，因为我依赖于该信息。

非常感谢 詹斯

Answer 1

是的，你可以这样做，但是:

• 您必须将脚本放置在要添加元素的元素的结束标记之后的某个位置。这意味着 body 元素不适合在其前面添加任何内容。

• 确保 HTML 代码有效。如果您使用 XHTML，您应该自行关闭输入元素。

考虑使用对象创建模型而不是innerHTML模型:

$("#someElement").prepend(
  $('<input/>').attr({ 'type': 'hidden', 'id': 'error' 'value': 'show' })
);

这会将元素创建为 DOM 对象，而不是使用innerHTML 来解析 HTML 代码。