Question

是否可以通过javascript / jquery函数添加所有body元素，该函数必须在页面加载之前调用（onload）??

例如：

<html><head>
<script type="text/javascript">
function LoadBodyHtml()
{
var bodyHtml = "<div>Sample Div<br>";
bodyHtml += "<table><tbody><tr><td>column1</td><td>column2</td></tr></tbody></table>";
bodyHtml += "</div>";
$(document.body).html(bodyHtml);
}
</script>
</head>
<body onload="LoadBodyHtml();"> </body>
</html>

Answer 1

您应该使用$("body")而不是$(document.body)：

$("body").html(bodyHtml);

<强> Fiddle

Answer 2

你可以试试这个：

<script type="text/javascript">
   (function LoadBodyHtml() {
      var bodyHtml = "<div>Sample Div<br>";
          bodyHtml += "<table><tbody><tr><td>column1</td><td>column2</td></tr></tbody></table>";
          bodyHtml += "</div>";
      $(document.body).html(bodyHtml);
    })();
</script>

并从正文标记中删除此onload="LoadBodyHtml();内联事件。

Demo fiddle

什么是立即调用的函数表达式？
它是一个立即调用的函数表达式。

Answer 3

- ＆gt; $（）。ready（）函数ll在页面加载期间执行。

- ＆gt; $（“”）。html（内容）; 在Div中添加元素..！

jquery代码：

 <script>
 $(document).ready(function() {
 $( "body" ).html("body elements");
 }
 </script>

参见：

https://api.jquery.com/html/

http://api.jquery.com/ready/

通过Javascript函数创建innerHTML

3 个答案:

Demo fiddle