在js文件中引入(調(diào)用)另一個(gè)js文件的三種方法
比如我寫了一個(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://m.4tl426be.cn/bcjs/+url+'></script>');}
注:有時(shí)你引用的文件還可能需要引用其他的js,我們需要將需要的那個(gè)js文件也以同樣的方法引用進(jìn)來。
方法二,在js中寫如下代碼:
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. ASP動(dòng)態(tài)網(wǎng)頁(yè)制作技術(shù)經(jīng)驗(yàn)分享2. phpstudy apache開啟ssi使用詳解3. JSP之表單提交get和post的區(qū)別詳解及實(shí)例4. Xml簡(jiǎn)介_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理5. 詳解瀏覽器的緩存機(jī)制6. .Net Core和RabbitMQ限制循環(huán)消費(fèi)的方法7. jsp實(shí)現(xiàn)登錄驗(yàn)證的過濾器8. jsp文件下載功能實(shí)現(xiàn)代碼9. ajax請(qǐng)求后臺(tái)得到j(luò)son數(shù)據(jù)后動(dòng)態(tài)生成樹形下拉框的方法10. 存儲(chǔ)于xml中需要的HTML轉(zhuǎn)義代碼
