首頁  >  文章  >  web前端  >  如何使用 document.write 功能動態包含腳本?

如何使用 document.write 功能動態包含腳本?

Barbara Streisand
Barbara Streisand原創
2024-10-28 22:32:30801瀏覽

How to Dynamically Include Scripts with document.write Functionality?

動態包含具有document.write 功能的腳本

問題:

如何將具有變數src 屬性的腳本標籤動態加入網頁中,特別是如果src 包含document.write 函數?

背景:

通常,在 HTML 頭中添加具有特定 src 屬性的腳本標籤可以無縫工作。但是,當 src 屬性中包含 document.write 程式碼時,就會出現問題。

解決方案:

要動態加入這樣的腳本標籤,可以採取以下步驟:

  1. 使用document.createElement('script') 建立一個新的script 元素。
  2. 將 script 元素的 src 屬性設定為所需的 URL/來源。
  3. 附加 script 元素使用appendChild()加入document.head。

範例:

<code class="javascript">var my_awesome_script = document.createElement('script');

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

document.head.appendChild(my_awesome_script);</code>

此腳本元素將動態新增至網頁,即使其src包含document.write程式碼.

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

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