如何将 JavaScript 文件链接到 HTML 文件？实时测试

javascript jquery html

2022-08-30 00:54:53

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

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

答案 1

首先，您需要从 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>

答案 2

这是在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- 脚本文件名和路径