在js文件中引入(調(diào)用)另一個(gè)js文件的三種方法
比如我寫(xiě)了一個(gè)JS文件,這個(gè)文件需要調(diào)用另外一個(gè)JS文件,該如何實(shí)現(xiàn)呢?下面就總結(jié)下在js文件中引入另一個(gè)js文件的實(shí)現(xiàn)
方法一,在調(diào)用文件的頂部加入下例代碼
function addScript(url){document.write('<script language=javascript src='http://www.b3g6.com/bcjs/+url+'></script>');}
注:有時(shí)你引用的文件還可能需要引用其他的js,我們需要將需要的那個(gè)js文件也以同樣的方法引用進(jìn)來(lái)。
方法二,在js中寫(xiě)如下代碼:
function addScript(url){var script = document.createElement(’script’);script.setAttribute(’type’,’text/javascript’);script.setAttribute(’src’,url);document.getElementsByTagName(’head’)[0].appendChild(script);}
利用document.createElement(”script”)生成了一個(gè)script的標(biāo)簽,設(shè)置其 type屬性為text/javascript。
方法三,利用es6中export和import實(shí)現(xiàn)模塊化
一個(gè)js文件代表一個(gè)js模塊 。ES6引入外部模塊分兩種情況:
1.導(dǎo)入外部的變量或函數(shù)等;
import {firstName, lastName} from ’./test’;
2.導(dǎo)入外部的模塊,并立即執(zhí)行
import ’./test’//執(zhí)行test.js,但不導(dǎo)入任何變量
以上就是在js文件中引入(調(diào)用)另一個(gè)js文件的三種方法的詳細(xì)內(nèi)容,更多關(guān)于js文件引入另一個(gè)js文件的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. IntelliJ IDEA導(dǎo)入項(xiàng)目的方法2. Python ini文件常用操作方法解析3. IntelliJ IDEA導(dǎo)入jar包的方法4. 基于Java實(shí)現(xiàn)記事本功能5. docker鏡像完全卸載的操作步驟6. Spring boot2+jpa+thymeleaf實(shí)現(xiàn)增刪改查7. idea刪除項(xiàng)目的操作方法8. IntelliJ IDEA配置Tomcat服務(wù)器的方法9. Python數(shù)據(jù)分析JupyterNotebook3魔法命令詳解及示例10. 使用python畫(huà)出邏輯斯蒂映射(logistic map)中的分叉圖案例

網(wǎng)公網(wǎng)安備