首頁 >web前端 >js教程 >如何動態包含包含「document.write」指令的變數 URL 的外部腳本?

如何動態包含包含「document.write」指令的變數 URL 的外部腳本?

Barbara Streisand
Barbara Streisand原創
2024-11-02 20:50:02659瀏覽

How to Dynamically Include External Scripts with Variable URLs that Contain `document.write` Commands?

使用可變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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn