請問一下，我想在網頁當中插入JS語法，翻了一下資料有這2種方式，
都可以成功運作，我想知道的是，這2種語法有什麼差別呢？
哪個比較沒有多餘的語法，因為本身還看不懂太複雜的語法...謝謝！
var headElement = document.getElementsByTagName("head")[0];
var jsElement = document.createElement('script');
jsElement.type = 'text/javascript';
jsElement.src = 'x.js';
headElement.appendChild(jsElement);
var element=document.createElement('script');
element.setAttribute('src', 'x.js');
document.body.appendChild(element);
已邀請的邦友 {{ invite_list.length }}/5
第一個
頁面中取得<head></head> head標籤 付值給物件名稱 = jsElementvar headElement = document.getElementsByTagName("head")[0];
創建一個物件<script></script> script標籤 物件名稱 = jsElementvar jsElement = document.createElement('script');
jsElement加入屬性 type='text/javascript'jsElement.type = 'text/javascript';
執行如:<script type="text/javascript"></script>
jsElement加入屬性 src='x.js'
jsElement.src = 'x.js';
執行如:<script type="text/javascript" src="x.js"></script>
將 jsElement添加到headElement裡面headElement.appendChild(jsElement);
執行如:<head><script type="text/javascript" src="x.js"></script></head>
第二個
在頁面中創建一個script標籤物件var element=document.createElement('script');
element加入屬性 src='x.js'element.setAttribute('src', 'x.js');
執行如:<script src="x.js"></script>
頁面body標籤添加一個節點elementdocument.body.appendChild(element);
執行如:<body><script src="x.js"></script></body>
版主可先去看Html DOM的相關介紹
iThome鐵人賽
看影片追技術