」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 如何使用 document.write 功能動態包含腳本?

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

發佈於2024-11-06
瀏覽:754

How to Dynamically Include Scripts with document.write Functionality?

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

問題:

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

背景:

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

解決方案:

要動態新增這樣的script標籤,可以採取以下步驟:

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

範例:

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

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

document.head.appendChild(my_awesome_script);

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

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3