小编典典

如何将 JavaScript 文件链接到 HTML 文件？

all

如何正确地将 JavaScript 文件链接到 HTML 文档？

其次，如何在 JavaScript 文件中使用 jQuery？

阅读 79

2022-06-11

共1个答案

小编典典

首先，您需要从 http://jquery.com/下载 JQuery 库，然后在您的 html
头标签中按以下方式加载 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-06-11