ホームページ >ウェブフロントエンド >jsチュートリアル >jquery.jsをJSで読み込む方法を詳しく解説
jquery.jsをJSで読み込む方法を詳しく解説
- php中世界最好的语言オリジナル
- 2018-05-12 14:01:231918ブラウズ
今回はjquery.jsをJSで読み込む方法について詳しく解説します jquery.jsをJSで読み込む際の注意点は何ですか？
最近、次の要件があります。1. HTML には 1 つの JS ファイルのみを導入でき、JS コードや他の JS ファイルもこの JS ファイルに導入することはできません。 ; 3. すべての JS 関数はこの JS ファイルに記述されています。これらのコードは jquery 関連のものを使用するため、ここで最初に解決する必要があるのは jquery.js の導入方法です。 インターネットで多くの方法を検索しましたが、あまり実用的ではなかったので、最終的に友人に尋ねて、次のコードを入手しました: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);
。 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. 直接 document.write<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 サイトの他の関連記事にご注目ください。
推奨読書:
v-for でテーブルをエクスポートする手順の詳細な説明JS でよく発生するバグやエラーについて
以上がjquery.jsをJSで読み込む方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。