首頁  >  文章  >  web前端  >  如何使用包含「document.write」的動態來源動態注入腳本標籤?

如何使用包含「document.write」的動態來源動態注入腳本標籤?

Patricia Arquette
Patricia Arquette原創
2024-10-30 02:26:02946瀏覽

How to Dynamically Inject Script Tags with Dynamic Sources Containing `document.write`?

使用動態來源進行動態腳本標記注入

嘗試將腳本標記動態加入網頁時,考慮潛在問題非常重要腳本的來源,例如包含document.write。雖然傳統的腳本注入方法對於具有靜態來源的腳本效果很好,但在這些情況下可能會失敗。

為了有效地使用可能包含 document.write 的動態產生的來源注入腳本標記,需要不同的方法。這涉及使用 document.createElement('script') 建立一個新的 script 元素,將其 src 屬性設為所需的來源,並將其附加到 document.head。

例如,以下程式碼示範如何動態新增包含document.write 的來源的script 標籤:

var my_awesome_script = document.createElement('script');

my_awesome_script.setAttribute('src','http://example.com/site.js');

document.head.appendChild(my_awesome_script);

透過使用此方法,瀏覽器將動態執行腳本程式碼,包括它包含的任何document.write 呼叫。這提供了一種可靠且有效的方法來注入具有動態來源的腳本。

以上是如何使用包含「document.write」的動態來源動態注入腳本標籤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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