关于引入 js 文件

最新推荐文章于 2023-12-09 20:40:48 发布

VIP文章 iteval

最新推荐文章于 2023-12-09 20:40:48 发布

阅读量6.7k

点赞数 1

分类专栏： js 文章标签： javascript html html5

本文链接：https://blog.csdn.net/weixin_45042661/article/details/120448239

版权

一、说说 script 标签的几个常用属性

async 表示立即下载该 js 文件，但不妨碍页面中的其他操作（只对外部 js 文件有效）
defer 表示该 js 文件可以延迟到整个页面被解析并显示之后再执行（只对外部 js 文件有效）
src 指定要引入的 js 文件路径
type 是 language 的替代属性，表示当前脚本的类型，如 text/javascript | text/babel

二、引入 js 文件

正常引入

<script src="./js/routerList.js"></script>

省略结束标签（不符合 HTML 规范，也得不到 IE 浏览器的正确解析）

<script src="./js/routerList.js" />

注意：带有 src 属性的 script 标签里面不应该有代码，如果有，则会被忽略

三、解决跨域问题，如 jsonp 就是利用这一点

<script src="https://www.xxx.com/xxx/xxx.js"></script>

四、script 标签的位置

按照惯例放在 head 里面

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

最低0.47元/天解锁文章

iteval

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于引入 js 文件

一、说说 script 标签的几个常用属性async 表示立即下载该 js 文件，但不妨碍页面中的其他操作（只对外部 js 文件有效）defer 表示该 js 文件可以延迟到整个页面被解析并显示之后再执行（只对外部 js 文件有效）src 指定要引入的 js 文件路径type 是 language 的替代属性，表示当前脚本的类型，如 text/javascript | text/babel二、引入 js 文件正常引入<script src="./js/routerList.js"
复制链接

扫一扫