加载脚本

时间:2013-11-15 01:18:52

标签: javascript jquery html5 html5-canvas

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

通过<script>标记加载脚本时,最好在标题或正文中分配脚本吗?

我正在阅读的一本书“html5游戏开发示例”,表示将脚本放在结束</body>标记之前,以便整个页面首先加载(因为,如果脚本没有加载它将使页面无用)。

如果我使用的话,onLoad参数带有jQuery加载的额外加载检查(jQuery网站说不使用带有jQuery的onLoad,所以这是我的工作),它应该都是现成的?没有,页面卡住了吗?

是否有一种更好的,标准化的方法,可以控制我的理智?

    <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>

1 个答案:

答案 0 :(得分:2)

使用document.ready时不需要init,因为document.ready将确保仅在DOM准备好时才执行脚本。

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

JavaScript提供了在页面执行时执行代码的加载事件   渲染后,直到所有资产如此事件才会触发此事件   图像已被完全接收。在大多数情况下,脚本可以   一旦DOM层次结构完全构建就运行。该   传递给.ready()的处理程序保证在DOM之后执行   准备好了,所以这通常是附加所有其他活动的最佳地点   处理程序和运行其他jQuery代码。使用依赖的脚本时   CSS样式属性的值,引用很重要   外部样式表或嵌入样式元素之前引用   脚本,Reference