加载时未调用JavaScript函数

Question

我使用的是一个javascript函数，它应该在页面加载完成时调用(类似于JQuery的函数)，如下所示：

<script>
var ready = function(fn) {

    // Sanity check
    if (typeof fn !== 'function') return;

    // If document is already loaded, run method
    if (document.readyState === 'complete') {
        return fn();
    }

    // Otherwise, wait until document is loaded
    // The document has finished loading and the document has been parsed but sub-resources such as images, 
    //stylesheets and frames are still loading. The state indicates that the DOMContentLoaded event has been fired.
    document.addEventListener('complete', fn, false);
};

ready(function() {
    alert(lang);
    Load(@Model.Language); //<--this is what I want called

    });
</script>

------->MVC Stuff<-------

 function Load(lang) {


 switch (lang) {
   case 'Other':
        BuildBox("text/text");
    case 'CSharp':
        BuildBox("text/x-csharp");
        break;

}

当我在模型的赋值处设置断点时，我们正在命中它。但是，从来没有发生过任何其他事情(包括警告框。我不确定为什么它不能在加载时完全执行函数。

Answer 1

这是可行的：

function ready(fn) {

  // Sanity check
  if (typeof fn !== 'function') return;

  // If document is already loaded, run method
  if (document.readyState === 'complete') {
    fn();
  }

  // Otherwise, wait until document is loaded
  // The document has finished loading and the document has been parsed but sub-resources such as images, 
  //stylesheets and frames are still loading. The state indicates that the DOMContentLoaded event has been fired.
  document.addEventListener('readystatechange', function () {
    if (this.readyState === 'complete') fn();
  }, false);
}

ready(function() {
  alert("loading complete");
});

Answer 2

我建议你使用这个。

    (function () {
    var x = "Hello!!";      // I will invoke        myself
})();

匿名函数调用函数本身后的parantheses()；。您可以像这样实现文档就绪事件。

    document.addEventListener('DOMContentLoaded', function() {
   // ...
});