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）：私は正常に動作するために、スクリプト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); 

。そのよう

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

：

あなたは learn more about this type of event handling on quirksmode.orgでき

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

。基本的に、要素がサポートするほとんどのイベントでは、それを処理する関数を割り当てることができるon<eventname>プロパティがあります。

MDNのHTMLScriptElement documentationを参照してください（ただし、イベントハンドラは表示されません）。

---

はまた別の既存<script>要素がすでに存在する場合

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

のみ動作することに注意してください。スクリプトが特定の場所に表示される必要がない場合は、MDNが示唆していることをやりなおすことでもう少しフェイルセーフです：

document.head.appendChild(sNew);