说一说 HTML中的 scritpt 标签

最新推荐文章于 2022-10-08 10:23:39 发布

六小登登

最新推荐文章于 2022-10-08 10:23:39 发布

阅读量543

点赞数

分类专栏： JavaScript HTML 文章标签： HTML Javascript

本文链接：https://blog.csdn.net/qq_32135281/article/details/82383930

版权

我们在《Javascript简史》这遍文章中说过，「Javascript」这门语言是由 Netscape开发而来，当初开发的时候为了能让「Javascript」这门语言能与 HTML 页面共存，而且不影响页面的其他内容，为此增加了一个统一的脚本支持（ script 脚本元素）。

在 HTML 页面中使用「Javascript」语言主要的方法就是使用 script 元素，script 元素内部的代码从上而下依次执行。

在引入多个 script 元素的时候，浏览器会按照 script 元素在页面的中的先后顺序进行解析，当上一个解析完成时，才会进行下一个 script 元素中的内容

在 HTML 中使用 Javascript 的两种方法

//第一种方法：直接在标签内使用 javascript 即可
<script>
    console.log('第一种使用方法');
</script>

//第二种方法：引用外部文件
<script src="example.js"></script>

script 元素比较常用的几个属性

由于「Javascript」语言是一门单线程语言，在同一时间内，只能执行一个任务，所以只有当上一个任务完成之后才能进行下一个任务，因此会导致 script 元素在 HTML 中的位置不同，会表现出不同效果。

所有 script 元素都放在元素中

这种做法意味着，我们必须等待所有的 Javascript 代码必须执行完成之后才能开始展示页面的内容，如果页面的 Javascript 代码非常多，这种方法就会导致我们看到页面的加载会非常慢，用户体验非常差，那么这么样去优化呢？其实很简单。

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <

关注

专栏目录