JavaScript高级程序设计——script标签(含解决跨域方法JSONP的原理)

本文探讨了<script>标签在前端开发中的作用,包括JS代码的两种引入方式及其对页面加载的影响,并解释了defer和async属性的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<script>这个标签应该是前端最早也是最熟悉的标签,正是有了这个标签我们js才可以运行在浏览器中,这么说吧,早的浏览器就是静态html标签,不认识也不能编译js代码,怎么办呢,这时候script标签就应运而生了。

我今天就来回顾一下关于script的几个关键点。

1、js引入html的有两种方式,一种是嵌入式,一种是外部引用。这些就太基础,不多说了。

2、我们通常将script标签放在body标签的最后,是因为浏览器在解析代码的时候,遇到script标签,会先解析js代码或者下载外部引用的文件,页面的处理会停止,知道script中的代码运算完成后再继续加载页面。

3、script有两个异步的属性,defer和async。(通常不使用,用2提到的方法代替)

            相同点:a、只适用外部引用的script   b、script会立即下载,但会延迟执行,不影响页面的加载

            不同点:a、defer可以按照script的先后顺序执行,但async不能控制执行的顺序

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值