首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将JavaScript文件链接到HTML文件?

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

Stack Overflow用户
提问于 2012-12-06 16:23:52
回答 6查看 1.1M关注 0票数 219

如何正确地将JavaScript文件链接到超文本标记语言文档?

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

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2012-12-06 16:40:25

首先,您需要从http://jquery.com/下载JQuery库,然后在html head标记中以以下方式加载jquery库

然后,您可以通过在jquery加载脚本之后编写jquery代码来测试jquery是否正常工作

代码语言:javascript
复制
<!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文件。

代码语言:javascript
复制
<script type="text/javascript" src="jquery-3.3.1.js"></script>
<script src="js/YourExternalJQueryScripts.js"></script>

实时测试

代码语言:javascript
复制
<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>

票数 217
EN

Stack Overflow用户

发布于 2012-12-06 16:26:00

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

代码语言:javascript
复制
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script> - tag用于定义客户端脚本,如JavaScript。

type -指定脚本的类型

src -脚本文件名和路径

票数 61
EN

Stack Overflow用户

发布于 2012-12-06 16:26:57

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

代码语言:javascript
复制
<script src="some.js" type="text/javascript"></script>

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

代码语言:javascript
复制
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13739568

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档