script.readyState未定義在IE11和FF

我剛剛在一個動態腳本加載器在IE9中正常工作，但不是在IE11中，而不是在FF中。script.readyState未定義在IE11和FF

這裏是我的代碼：

function getResourceScript(filename) 
{ 
    var script = document.createElement('script'); 
    script.setAttribute('src', mShuttlePath + "scripts/" + filename); 
    script.setAttribute('type', 'text/javascript'); 
    script.setAttribute('language', 'javascript'); 
    document.getElementsByTagName('head')[0].appendChild(script); 
} 

function documentLoadInit() 
{ 
    if (document.readyState == 'complete') 
    { 
     // check if all scripts are loaded 
     for (var n = 0; n < document.scripts.length; n++) 
     { 
      if (document.scripts[n].readyState != "complete" && document.scripts[n].readyState != "loaded") 
      { 
       setTimeout(documentLoadInit, 49); 
       return false; 
      } 
     } 
     Init(); 
    } 
    else 
    { 
     setTimeout(documentLoadInit, 49); 
    } 

} 
getResourceScript("core/core.js"); 
getResourceScript("core/ajax.js");

這裏的主要問題是，該script.readyState被丟棄在IE11 - 這麼多，我發現了！

但是如何取代它呢？如何檢查當腳本加載/完成時？

任何想法？

來源

2014-09-02 Kovu

在腳本元素上使用'onload'事件。 – 2014-09-02 07:01:30

最後，你只是想檢查是否所有的腳本加載？ – 2014-09-02 07:22:17

從MSDN：

注：腳本元素，不再支持readyState。從Internet Explorer 11開始，請使用onload。有關信息，請參閱兼容性更改。

所以，不是檢查的readyState你可以使用這樣的事情：

if (!script.addEventListener) { 
    //Old IE 
    script.attachEvent("onload", function(){ 
     // script has loaded in IE 7 and 8 as well. 
     callBack(); 
    }); 
} 
else 
{ 
    script.addEventListener("load", function() { 
     // Script has loaded. 
     callBack(); 
    }); 
}

而且，我敢肯定，你可以改善你的代碼。而setInterval()更適合這種情況。瞭解如何使用DOM事件一點點，如果你仍然有兼容性問題，這裏的東西，你可以使用：

function loadExtScript(src, test, callback) { 
    var s = document.createElement('script'); 
    s.src = src; 
    document.body.appendChild(s); 

    var callbackTimer = setInterval(function() { 
    var call = false; 
    try { 
     call = test.call(); 
    } catch (e) {} 

    if (call) { 
     clearInterval(callbackTimer); 
     callback.call(); 
    } 
    }, 100); 
}

該函數將測試作爲參數。既然你是應用程序的設計者，你就會知道什麼是成功的測試。一旦這個測試成立，它將執行回調。

來源

2014-09-02 07:17:11

+1 @Kovu不會輪詢狀態更改，請爲此使用事件。 javascript有你覆蓋 – bottlenecked 2014-09-02 08:10:20

其實我認爲你問的是文檔在準備好之前是否準備好。您需要設置狀態更改偵聽器，並在每次文檔狀態更改時檢查。

document.onreadystatechange = function() { 
    if (document.readyState == "complete") { 
    initApplication(); 
    } 
}

閱讀文檔：https://developer.mozilla.org/en-US/docs/Web/API/document.readyState

來源

2014-09-02 07:08:32 Ozzy

script.readyState未定義在IE11和FF

回答

相關問題