国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

不使用script導入js文件的幾種方法

2019-11-20 08:38:36
字體:
來源:轉載
供稿:網(wǎng)友

方法一:原生

 adc.js內(nèi)容如下:

var hello = "H9"; 

html.html

<script>      var s = document.createElement("script");      s.src = "abc.js";      document.head.appendChild(s);      s.addEventListener("load",function(){        // 等待s的load事件加載完響應,防止未加載完就調(diào)用出錯        console.log(hello);      })      setTimeout(function(){//或者使用定時器保證其載入完后調(diào)用(不安全,不如監(jiān)聽事件好)        console.log(hello);      },1000);     // $.getScript("abc.js");  </script>

方法二:jquery.js

$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); }); 
<script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript"> $(function(){$('#loadButton').click(function(){$.getScript('new.js',function(){newFun('"Checking new script"');//這個函數(shù)是在new.js里面的,當點擊click后運行這個函數(shù)});});});</script> </head> <body> <button type="button" id="loadButton">Load</button> 

方法三:require.js

require.js分享2.1.1版本,注意是針對大項目使用,一邊情況下使用jquery即可。

index.html

<!--設置入口文件main 可以省略js-->
<script data-main="main" src="require.js"></script>

main.js

console.log("你好世界");require(["js1","js2","js3"],function () {  // 是異步加載導入。js后綴可以省略  console.log("你們加載完了么?");  var total = num1+num2+num3;  console.log(total);  hello1();  hello2();  hello3();})

使用requireJs可以很方便的導入js文件,但是要注意js文件中變量名方法名沖突的問題。 產(chǎn)生原因:瀏覽器js文件共用全局作用域,作用域中變量名方法名可能被覆蓋

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 江城| 镇雄县| 永昌县| 游戏| 黄大仙区| 许昌市| 宜良县| 北川| 舒城县| 深州市| 万年县| 鄂托克前旗| 满洲里市| 辽源市| 化德县| 永康市| 扎囊县| 高陵县| 黎川县| 滨州市| 札达县| 大新县| 偃师市| 连山| 公安县| 台北市| 布尔津县| 广河县| 铜山县| 济宁市| 江津市| 枞阳县| 卢氏县| 东台市| 平湖市| 民勤县| 张家界市| 江西省| 张掖市| 凤山市| 凌源市|