国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 万安县| 屏东县| 海丰县| 灵宝市| 锦州市| 正阳县| 斗六市| 镇远县| 连云港市| 淳安县| 巫溪县| 石渠县| 应城市| 松滋市| 启东市| 封丘县| 上杭县| 贡觉县| 柞水县| 泸定县| 汝州市| 莲花县| 康保县| 西和县| 丰镇市| 博湖县| 赤水市| 贡嘎县| 牟定县| 河东区| 新泰市| 和田县| 达州市| 连南| 山丹县| 玉溪市| 徐汇区| 保靖县| 华池县| 历史| 广南县|