222

JavaScript ファイルを HTML ドキュメントに適切にリンクするにはどうすればよいですか?

次に、JavaScript ファイル内で jQuery をどのように使用しますか?

4

6 に答える 6

219

まず、 http://jquery.com/から JQuery ライブラリをダウンロードする必要があります。次に、HTML の head タグ内で次の方法で jquery ライブラリをロードします。

次に、jquery ロード スクリプトの後に jquery コードをコーディングすることで、jquery が機能しているかどうかをテストできます。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--LINK JQUERY-->
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<!--PERSONAL SCRIPT JavaScript-->
<script type="text/javascript">
   $(function(){
      alert("My First Jquery Test");
   });
</script>

</head>
<body><!-- Your web--></body>
</html>

jquery スクリプト ファイルを個別に使用する場合は、jquery ライブラリのロード後に、この方法で外部 .js ファイルを定義する必要があります。

<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>

リアルタイムでテスト

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!--LINK JQUERY-->
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<!--PERSONAL SCRIPT JavaScript-->
<script type="text/javascript">
   $(function(){
      alert("My First Jquery Test");
   });
</script>

</head>
<body><!-- Your web--></body>
</html>

于 2012-12-06T08:40:25.040 に答える
62

これは、HTMLでJSファイルをリンクする方法です

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script>- タグは、JavaScript などのクライアント側スクリプトを定義するために使用されます。

type- スクリプトのタイプを指定します

src- スクリプト ファイル名とパス

于 2012-12-06T08:25:59.663 に答える
14

外部 Javascript ファイルを含めるには、<script>タグを使用します。このsrc属性は、Web プロジェクト内の Javascript ファイルの場所を指します。

<script src="some.js" type="text/javascript"></script>

JQuery は単なる Javascript ファイルであるため、ファイルのコピーをダウンロードすると、スクリプト タグを使用してページ内に含めることができます。Google がホストするようなコンテンツ配信ネットワークから Jquery を含めることもできます。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
于 2012-12-06T08:26:57.183 に答える
13

HTMLドキュメントに、理想的にはjavascriptファイルを指すスクリプトタグを追加できます。スクリプトタグの順序は重要です。スクリプトからjQueryを使用する場合は、スクリプトファイルの前にjQueryをロードします。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="relative/path/to/your/javascript.js"></script>

$次に、javascriptファイルで、 signまたは。を使用してjQueryを参照できますjQuery。例：

jQuery.each(arr, function(i) { console.log(i); });
于 2012-12-06T08:29:21.990 に答える