スクリプトを使用せずに js ファイルをインポートするいくつかの方法-jsチュートリアル-php.cn

スクリプトを使用せずに js ファイルをインポートするいくつかの方法

高洛峰

リリース： 2016-12-08 14:50:48

オリジナル

1723 人が閲覧しました

方法 1: ネイティブ

adc.js の内容は次のとおりです:

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事件加载完响应，防止未加载完就调用出错
        console.log(hello);
      })
 
      setTimeout(function(){//或者使用定时器保证其载入完后调用（不安全，不如监听事件好）
        console.log(hello);
      },1000);
     // $.getScript("abc.js");
  </script>

ログイン後にコピー

方法 2: jquery.js

$.getScript("abc.js",function(){ alert("heheheh"); console.log(hello); });

ログイン後にコピー

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(function()
{
$(&#39;#loadButton&#39;).click(function(){
$.getScript(&#39;new.js&#39;,function(){
newFun(&#39;"Checking new script"&#39;);//这个函数是在new.js里面的，当点击click后运行这个函数
});
});
});
</script>
</head>
<body>
<button type="button" id="loadButton">Load</button>

ログイン後にコピー

方法 3 ：require.js

require.js はバージョン 2.1.1 を共有します。この場合は、jquery を使用してください。

index.html

著者別の最新記事