ホームページ > 記事 > ウェブフロントエンド > JSファイル内にjquery.jsをロードする方法
今回は、jquery.jsをJSファイルにロードする方法と、jquery.jsをJSファイルにロードする際の注意事項について説明します。実際のケースを見てみましょう。
最近、次の要件があります。1. HTML には 1 つの JS ファイルのみを導入でき、JS コードや他の JS ファイルもこの JS ファイルに導入することはできません。 ; 3. すべての JS 関数はこの JS ファイルに記述されています。これらのコードは jquery 関連のものを使用するため、ここで最初に解決する必要があるのは jquery.js の導入方法です。 インターネットでを検索しました
多くの方法はあまり実用的ではありませんでしたが、私は長年WEBから離れていたので、最終的に友人に尋ねて、次のコードを入手しました:// 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='test.js'><\/script>"); </script>2. 既存のスクリプトの src 属性を動的に変更する
<script src='' 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 サイトの他の関連記事を参照してください。