Question

我是一个新手，我正在尝试使用javascript实现某些目标。

我有一个功能，我需要在我的页面加载后生效，但我不想使用<body onload="init()"还有另一种选择吗？

            <script type="text/javascript">
            function init() {
            container = document.createElement('div');
            <script>

            <body onload="init()">

            </body>

Answer 1

从load处理程序调用它：

function init() {
  container = document.createElement('div');

  // ...
}

window.addEventListener("load", init);

Answer 2

你也可以这样做：

window.onload = function() {
 init();
}

Answer 3

好吧，你可以使用jquery，但是你必须把它包含在你的头脑中或用

<!-- Google CDN -->

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>

如果您想使用Google CDN或

<!-- Microsoft CDN -->

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.3.min.js"></script>
</head>

用于Microsoft CDN。现在，您可以在网页中使用jquery。所以写下你的头脑

<script type="text/javascript">
 $(window).on('load",function(){
   // your code
 });
</script>

当然，您需要知道如何使用jquery来使用此解决方案。但是，您也可以使用javasript，但我建议您开始学习jquery：非常有用。

<script>
  window.onload = function() { 
    //your code
  }
</script>

这应该是正确的方法;）

非常重要：文档开始加载时会调用此函数！如果您想在页面加载结束时应用某些内容（更好的解决方案以提高加载速度），请使用

$(document).ready(function(){
 //your code
});

在jquery中，或

document.addEventListener("DOMContentLoaded", function(event) { 
  //your code
});

在javascript中

Answer 4

我是编程新手，但我想你可以这样做：使用Jquery

$(document).ready(function(){
   // code loaded..
});

没有Jquery

// this code is bad to practise
    <script type="text/javascript">
        function init() {
            // Put your code here
        }
        window.onload = init;
    </script>

使用body onload的替代方案

4 个答案: