BinaryDevelop
  1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptファイルをHTMLファイルにリンクさせるには？

2022-04-07 08:44:52

質問

HTML文書にJavaScriptファイルを正しくリンクさせるには？

次に、JavaScriptファイル内でjQueryを使用するにはどうすればよいのでしょうか？

どのように解決するのですか？

まず、JQueryライブラリを以下のサイトからダウンロードします。 http://jquery.com/ 次に 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>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します