html中defer和window.onload的加載順序
阿新 • • 發佈:2018-06-15
style sed ble sources defer HA val func length
結論:defer執行的順序先於window.onload!
案例:
html代碼:
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge">8 <title>Document</title> 9 <link rel="shortcut icon" href="sources/images/Image1.png" type="image/x-icon"> 10 </head> 11 <script defer="defer"> 12 window.onload = function () { 13 alert(‘22dsed‘); 14 var oInput=document.getElementById(‘input1‘);15 oInput.value=‘arr.length.toString()‘; 16 } 17 18 // oInput.setAttribute(value,arr.length.toString()); 19 </script> 20 <script defer="defer" src="js/test.js"></script> 21 22 23 <body> 24 <input type="text" name="測試框" id="input1"> 25 </body> 26 27 </html>
外部js代碼:
1 var arr=new Array(); 2 arr.push(1); 3 arr.push(‘slj‘); 4 var oInput=document.getElementById(‘input1‘); 5 oInput.value=arr.length.toString(); 6 alert(‘js運動01.html‘);
html中defer和window.onload的加載順序