javascript - 在文档完全加载之前执行主干脚本

Question

我正在构建我的第一个带有主干的 Rails 应用程序，由于 Assets 管道，即使在文档完全加载之前，Javascript 也会被调用/执行。因此，没有任何事件处理程序被附加。如果我将此 Javascript 放在文档末尾的 HTML 标记之后，那么它似乎工作正常。如何在页面完全加载后执行此代码？我总是可以使用 jQuery 的 document.ready()，但我希望主干有一个内置的流程来处理它。

 <script type="text/javascript">
    (function() {
      "use strict";
      var app;

      app = {};

      app.AppView = Backbone.View.extend({
        el: "body",
        initialize: function() {
          this.playAudio();
        },
        events: {
          "click .play-audio": "playAudio"
        },
        playAudio: function() {
          alert($("span").data("audio"));
        }
      });

      app.appView = new app.AppView();

    }).call(this);

</script>

<div>
    <p>Whatever!</p><span class="glyphicon glyphicon-volume-up play-audio" data-audio="http://my-audio-file"></span>
</div>

Answer 1

将您的函数指定为 document.onload 或 window.onload 属性。两者的作用几乎相同，但主要取决于浏览器。

 <script> document.onload=(...your function goes here....) </script>
 //OR
 <script> window.onload=(...your function goes here....) </script>