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

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

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

首先,您需要从http://jquery.com/下载JQuery库,然后在您的html头标签内以下面的方式加载jquery库;

那么你可以通过在jquery加载脚本之后编写jquery代码来testingjquery是否工作正常

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ alert("My First Jquery Test"); }); </script> </head> <body></body> </html> 

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

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

这是如何链接HTML文件中的JS文件

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

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

type – 指定脚本的types

src – 脚本文件名和path

您可以在您的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); }); 

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

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

JQuery只是一个Javascript文件,所以如果你下载了一个文件的副本,你可以使用脚本标签将它包含在你的页面中。 您也可以在Google托pipe的内容分发networking中joinJquery。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>