Javascript 使用车身加载的替代方案_Javascript_Html_Function_Onload

Javascript 使用车身加载的替代方案

javascript html function

Javascript 使用车身加载的替代方案,javascript,html,function,onload,Javascript,Html,Function,Onload,我是一个新手，我正在尝试使用javascript实现一些东西我有一个函数，我需要在页面加载后生效，但我不想使用，您也可以这样做： window.onload = function() { init(); } 从load处理程序调用它： function init() { container = document.createElement('div'); // ... } window.addEventListener("load", init); 我是编程新手，但我认为你可

我是一个新手，我正在尝试使用javascript实现一些东西

我有一个函数，我需要在页面加载后生效，但我不想使用

，您也可以这样做：
window.onload = function() {
 init();
}

从load
处理程序调用它：
function init() {
  container = document.createElement('div');

  // ...
}

window.addEventListener("load", init);

我是编程新手，但我认为你可以做这样的事情：
使用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>

//这个代码不好练习
函数init（）{
//把你的代码放在这里
}
window.onload=init；
好吧，您可以使用jquery，但您必须将它手动或手动地包含在您的头脑中
<!-- Google CDN -->

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

在jquery中，或者
document.addEventListener("DOMContentLoaded", function(event) { 
  //your code
});

在javascript中，您可以使用jQuery，并使用$（document）.ready（handler）函数，该函数将在加载DOM时执行函数处理程序。您应该在javascript中正确执行该函数。看一看@ZachPerkitny的可能副本-document ready是一个不同于window.load的事件，并且是较早触发的。您可以，但这是一个非常糟糕的形式，它将删除任何已设置的onload事件处理程序。由于这是加载的，因此不会删除任何内容。当然，更好的方法是window.addEventListener（“load”，init）；addEventListener（“加载”，init）；这对我有用。但是现在我需要把它添加到一个magento站点上，我正在工作，但它不是displayig。我检查了源代码，可以在那里看到代码帮助？$（文档）。就绪（function（）{
与$（window）不同。在（'load'，function（）上）{
后发是的，没错。嗯……它也很好用，不是吗？编辑：我正在调整编辑2：更新，谢谢你的反馈：我不会注意到这一点-不是说在实践中这不是更好，但这里OP要求更换onload
handlerook，找到了正确的替代方法：window.onload=function（）{}，不是吗？与window.addEventListener（“load”，init）；
就它处理的事件而言$（document）。function（）{
是一个语法错误，第二个window.onload
不是一个好的做法document.addEventListener（'DOMContentLoaded'，init）；是您可以使用的另一种解决方案。请检查此解决方案的性能
<!-- Microsoft CDN -->

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

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

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

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

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