ホームページ  >  記事  >  ウェブフロントエンド  >  JSファイル内にjquery.jsをロードする方法

JSファイル内にjquery.jsをロードする方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-23 14:37:511363ブラウズ

今回は、jquery.jsをJSファイルにロードする方法と、jquery.jsをJSファイルにロードする際の注意事項について説明します。実際のケースを見てみましょう。

最近、次の要件があります。

1. HTML には 1 つの JS ファイルのみを導入でき、JS コードや他の JS ファイルもこの JS ファイルに導入することはできません。 ;

3. すべての JS 関数はこの JS ファイルに記述されています。これらのコードは jquery 関連のものを使用するため、ここで最初に解決する必要があるのは jquery.js の導入方法です。

インターネットで

を検索しました

多くの方法はあまり実用的ではありませんでしたが、私は長年WEBから離れていたので、最終的に友人に尋ねて、次のコードを入手しました:

1.js

// by firefoxmmx 
var script=document.createElement("script"); 
script.type="text/javascript"; 
script.src="jquery.js"; 
document.getElementsByTagName('head')[0].appendChild(script); 
setTimeout(function(){ 
$(document).ready(function(){ 
 $("#bt").click(function(){ 
  alert('Hello World'); 
 }); 
}); 
},100);
The 1. HTML コードは次のとおりです:

<html> 
<head> 
 <script type="text/javascript" src="1.js"></script> 
</head> 
<body> 
<input type="button" id="bt" value="Click" /> 
</body> 
</html>
テストしたい場合は、自分でダウンロードできる jquery.js を追加する必要があります 実行後、ボタンをクリックすると次のような効果が得られます:

インターネット上のいくつかのメソッドを添付します:

1. 直接ドキュメントを書く

<script language="javascript">
 document.write("<script src=&#39;test.js&#39;><\/script>");
</script>
2. 既存のスクリプトの src 属性を動的に変更する

<script src=&#39;&#39; id="s1"></script>
<script language="javascript">
 s1.src="test.js"
</script>
3. スクリプト要素を動的に作成する

<script>
 var oHead = document.getElementsByTagName('HEAD').item(0);
 var oScript= document.createElement("script");
 oScript.type = "text/javascript";
 oScript.src="test.js";
 oHead.appendChild( oScript);
</script>
この記事の事例を読んだ後にその方法を説明してください。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事にご注目ください。

推奨読書:

Vue フォームを自動化する方法とは何ですか


ノード + ブートストラップを使用してフォーラムを構築する方法

以上がJSファイル内にjquery.jsをロードする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。