動態引入js文件的問題,js文件引入js文件

本文目錄一覽:

javascript怎麼動態引入js文件

有三種方法可以實現,分別如下:

第一種、直接document.write:

script language=”javascript”

document.write(“script src=’test.js’\/script”);

/script

第二種、動態改變已有script的src屬性

script src=” id=”s1″/script

script language=”javascript”

s1.src=”test.js”

/script

第三種、動態創建script元素:

script

var oHead = document.getElementsByTagName(‘HEAD’).item(0);

var oScript= document.createElement(“script”);

oScript.type = “text/javascript”;

oScript.src=”test.js”;

oHead.appendChild( oScript);

/script

注意:第三種方法使用時,請注意路徑。

如何在js文件中動態加載另一個js文件?

1、直接document.write

script language=”javascript”

document.write(“script src=’test.js’\/script”);

/script

2、動態改變已有script的src屬性

script src=” id=”s1″/script

script language=”javascript”

s1.src=”test.js”

/script

3、動態創建script元素

script

var oHead = document.getElementsByTagName(‘HEAD’).item(0);

var oScript= document.createElement(“script”);

oScript.type = “text/javascript”;

oScript.src=”test.js”;

oHead.appendChild( oScript);

/script

其實原理就是利用dom動態的引入一個js到文件中來~就能和原有的js通信了~

如何在js中動態引入或加載js文件

js文件最後加載有三種實現方法。第一種方法: 將js文件放在代碼最後,因為程序是從上往下執行,所以最後加載。這種方法最簡單粗暴。 第二種方法: 使用window.onload 事件。當一個文檔完全下載到瀏覽器中時,才會觸發window.onload事件。這意味…

原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/153278.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-11-14 03:04
下一篇 2024-11-14 03:04

相關推薦

發表回復

登錄後才能評論