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

fir*_*300 174 html javascript jquery

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

其次,如何在JavaScript文件中使用jQuery?

Swa*_*e27 175

首先,您需要从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>
Run Code Online (Sandbox Code Playgroud)

如果要单独使用jquery脚本文件,则必须在加载jquery库之后以这种方式定义外部.js文件.

<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>
Run Code Online (Sandbox Code Playgroud)

实时测试

<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>
Run Code Online (Sandbox Code Playgroud)

  • 非常感谢.这正是我最终想出的答案!我知道问题是基本的,但我感谢你花时间给我这个!我缺少的是将jQuery库放在javascript文件之前! (7认同)

Mut*_*ran 45

这是您在HTML中链接JS文件的方式

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

<script> - 标记用于定义客户端脚本,例如JavaScript.

type - 指定脚本的类型

src - 脚本文件名和路径


Bud*_*hiP 12

您可以在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>
Run Code Online (Sandbox Code Playgroud)

然后在你的javascript文件中你可以使用$sign或者引用jQuery jQuery.例:

jQuery.each(arr, function(i) { console.log(i); }); 
Run Code Online (Sandbox Code Playgroud)


Kev*_*sox 11

要包含外部Javascript文件,请使用<script>标记.该src属性指向Web项目中Javascript文件的位置.

<script src="some.js" type="text/javascript"></script>
Run Code Online (Sandbox Code Playgroud)

JQuery只是一个Javascript文件,因此如果您下载该文件的副本,则可以使用脚本标记将其包含在您的页面中.您还可以从内容分发网络(例如Google托管的网络)中包含Jquery.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
Run Code Online (Sandbox Code Playgroud)