如何在JavaScript中將標記屬性onload＆onerror？

Question

腳本老（1）：

document.write('<scr'+'ipt src="http://example.com/script.js?'+Math.random()+'" type="text/javascript" onerror="checkScriptLoaded2();" onload="scriptLoaded2=true;"></scr'+'ipt>'); 

腳本新（2）：

var sNew = document.createElement("script"); 
sNew.async = true; 
sNew.src = "http://example.com/script.js?"+Math.random(); 
var s0 = document.getElementsByTagName('script')[0]; 
s0.parentNode.insertBefore(sNew, s0); 

我如何才能正常工作，把這個標籤在腳本2。

onerror="checkScriptLoaded2();" onload="scriptLoaded2=true;" 

Answer 1

這樣。

創建屬性並將其添加到腳本元素。

createAttribute（）方法創建一個具有指定名稱的屬性，並將該屬性作爲一個Attr對象返回。

attribute.value屬性用於設置屬性的值。

element.setAttributeNode（）方法用於將新創建的屬性添加到元素。

function checkScriptLoaded2() 
 
{ 
 
    alert("Error in loading.") 
 
} 
 

 
var sNew = document.createElement("script"); 
 
sNew.async = true; 
 
sNew.src = "https://example.com/script.js?"+Math.random(); 
 

 

 
sNew.setAttribute('onerror', 'checkScriptLoaded2();') // Shorthand as suggested by Felix 
 

 
var att = document.createAttribute("onload"); // Elaborated way 
 
att.value = "scriptLoaded2=true;" 
 
sNew.setAttributeNode(att) 
 

 

 

 

 
var s0 = document.getElementsByTagName('script')[0]; 
 
s0.parentNode.insertBefore(sNew, s0);

<div>hello</div>

Answer 2

像這樣：

sNew.onerror = checkScriptLoaded2; 
sNew.onload = function() { 
    scriptLoaded2 = true; 
}; 

你可以learn more about this type of event handling on quirksmode.org。基本上，對於一個元素支持的大多數事件，就像你可以爲其分配一個函數來處理它的on<eventname>屬性。

查看MDN上的HTMLScriptElement documentation（儘管它沒有列出事件處理程序）。

---

還要注意的是

var s0 = document.getElementsByTagName('script')[0]; 
s0.parentNode.insertBefore(sNew, s0); 

，如果已經有另一個現有<script>元素纔有效。如果腳本不必出現在任何特定位置，那麼執行MDN建議的更多的故障安全：

document.head.appendChild(sNew);