使用可變URL 動態包含外部腳本
將腳本標籤動態加入網頁時,必須考慮具有src 屬性的腳本包括document .write 指令。這可能會破壞正常的載入行為。
問題
在普通情況下,使用以下程式碼包含「source.js」中的腳本效果很好:
<script type="text/javascript" src="source.js"></script>
但是,「source.js」可能包含以下異常內容:
document.write('<script type="text/javascript">') document.write('alert("hello world")') document.write('</script>') document.write('<p>goodbye world</p>')
解
使用普通方法將無法正確處理這種情況。相反,您可以使用以下技術動態添加帶有變數 srcs 的腳本:
var my_awesome_script = document.createElement('script'); my_awesome_script.setAttribute('src','http://example.com/site.js'); document.head.appendChild(my_awesome_script);
此方法建立一個新的腳本元素,設定其 src 屬性,並將其附加到
元素。該文件的。即使腳本的 src 包含 document.write 指令它也可以運作。以上是如何動態包含包含「document.write」指令的變數 URL 的外部腳本?的詳細內容。更多資訊請關注PHP中文網其他相關文章!