Javascript 加载脚本_Javascript_Jquery_Html_Html5 Canvas

Javascript 加载脚本

javascript jquery html html5-canvas

Javascript 加载脚本,javascript,jquery,html,html5-canvas,Javascript,Jquery,Html,Html5 Canvas,我有一个简单的问题，有一个答案，但我想知道哪个更好当通过标记加载脚本时，最好是在页眉或正文中分配脚本我正在读的一本书《html5游戏开发示例》说，要把脚本放在结尾的标记之前，这样整个页面都会先加载（因为，如果脚本不加载，它会使页面变得无用）其中，如果我使用一个onLoad参数，并对jQuery加载进行额外的加载检查（jQuery网站说不要将onLoad与jQuery一起使用，所以这是我的工作范围），那么所有这些参数都应该随时可用？如果没有，页面会被卡住吗有没有更好的标准化方法来控制我的理

我有一个简单的问题，有一个答案，但我想知道哪个更好

当通过

标记加载脚本时，最好是在页眉或正文中分配脚本

我正在读的一本书《html5游戏开发示例》说，要把脚本放在结尾的

标记之前，这样整个页面都会先加载（因为，如果脚本不加载，它会使页面变得无用）

其中，如果我使用一个

onLoad

参数，并对jQuery加载进行额外的加载检查（jQuery网站说不要将onLoad与jQuery一起使用，所以这是我的工作范围），那么所有这些参数都应该随时可用？如果没有，页面会被卡住吗

有没有更好的标准化方法来控制我的理智

    <body onload="init()">

    <!-- HTML code here -->

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>

    function init() { 
      $( document ).ready(function() {
        jQueryReady();
      });
    };

    function jQueryReady(){

      // $( "p" ).text( "The DOM is now loaded and can be manipulated." );

      // call remaining functions...

   };

   </script>


函数init（）{
$（文档）.ready（函数（）{
jQueryReady（）；
});
};
函数jQueryReady（）{
//$（“p”）.text（“DOM现在已加载，可以进行操作。”）；
//调用剩余函数。。。
};

使用document.ready时不需要init，因为document.ready将确保仅在DOM就绪时执行脚本

$(document).ready(function() {
    jQueryReady();
});

JavaScript提供加载事件，用于在页面被加载时执行代码渲染时，直到所有资产（如图像已全部收到。在大多数情况下，脚本可以是在DOM层次结构完全构建后立即运行。这个传递给.ready（）的处理程序保证在DOM之后执行准备就绪，因此这通常是附加所有其他事件的最佳位置处理程序并运行其他jQuery代码。使用依赖于 CSS样式属性的值，参考是很重要的外部样式表或嵌入样式元素，然后再引用脚本

将脚本放在正文末尾的可能副本是一种非常健壮的替代方法，可以替代DOM就绪后运行脚本的所有其他方法。它具有“就绪”或“加载”侦听器的所有优点，也适用于任何支持脚本的浏览器。