jsvascript在HTML中的引入方式整理

最新推荐文章于 2024-03-06 23:39:48 发布

khadijiah

最新推荐文章于 2024-03-06 23:39:48 发布

阅读量747

点赞数

分类专栏：碎笔记文章标签： javasript html

本文链接：https://blog.csdn.net/khadijiah/article/details/77509448

版权

碎笔记专栏收录该内容

16 篇文章 0 订阅

订阅专栏

.在HTML中使用JavaScript：使用<script>标签：有三种映引入方式：

1、行内直接引用，例如：<div οnclick="move()"></div>
2、写在<script>标签里面，例如：<script type="text/javascript">这里写js代码</script>。
3、外部引用：<script src="js文件地址.js" type="text/javaScript"></script>,这种方法引入的话，将写的.js文件引入进来就可以。src的作用是引入外部的文件，它的值是外部文件的链接（地址）。

4、<script>标签的位置：web引用程序一般把所有的<script>标签全部放在<body>里面的最下面，因为浏览器在遇到<body>标签时从才开始呈现页面内容，若是<script>标签放在<body>之前，会在所有的javaScript下载解析执行完成之后才开始呈现页面，在js代码量大的情况下，时间过长，会在浏览器呈现页面时出现延迟的现象，延迟的期间浏览器页面就是一片空白，为了避免这个问题，将所有的<script>标签都放在<body>标签的最下面。

5、延迟脚本：<script>标签里有个属性:defer（同步）,用途是表明在处理脚本时，立即下载但是延时执行，一般在<script>标签被放在<head>标签里面时会用这个属性，属性值也为defer。延时脚本按照它们的顺序执行。注意：defer属性只用于外部脚本引用。但这里又涉及到浏览器的兼容问题，所以将<script>标签放在<body>标签的最下面是最为保险的做法。

6、同样的属性有async(异步脚本)，和defer一样规定脚本立即下载延时执行，但async规定了当前脚本不必等待其他脚本，互不依赖，所以async不保证脚本执行的顺序。