在HTML中使用script()

script标签

在html文档中使用script标签

在html文档中使用script标签

async

<script src="1.js" async></script>

async(可选)立即加载脚本
1.立即加载脚本

async(可选)立即加载脚本
1.立即加载脚本

  • 不阻塞页面其他操作（异步）
  • 异步加载完成之后立即执行
  • 不能保证执行顺序

defer

<script src="1.js" defer></script>

defer(可选)立即加载脚本

defer(可选)立即加载脚本

  • 立即加载脚本
  • 不阻塞页面其他操作（异步）
  • 加载完成之后不会立即执行
  • HTML5会按文档中顺序

charset

charset 表示代码字符集

charset 表示代码字符集

language

language 已废弃 表示脚本代码语言

language 已废弃 表示脚本代码语言

src

source 外部脚本必填外部文件位置

source 外部脚本必填外部文件位置

type

type文档类型 mime类型默认是text/javascript类型

type文档类型 mime类型默认是text/javascript类型

使用Scirpt标签

  • 直接在页面中嵌入SCRIPT脚本
  • 引入外部SCRIPT文件

由于js的单线程特性，所有非异步脚本都会按照文档顺序加载执行，所以一般情况下推荐将Script标签放在body最后面的位置，这样可以在body加载完成之后进行js的加载和解析，在用户看来是加载速度的提升

由于js的单线程特性，所有非异步脚本都会按照文档顺序加载执行，所以一般情况下推荐将Script标签放在body最后面的位置，这样可以在body加载完成之后进行js的加载和解析，在用户看来是加载速度的提升

<body>
<h1> hello</h1>
<script type ="text/javascript">

 </script>
</body>

！使用sciprt标签时不要在任何位置出现script闭合标签

var test ="</script>"

如果必须使用，可以通过转义字符的方式

如果必须使用，可以通过转义字符的方式

————————

script标签

在html文档中使用script标签

在html文档中使用script标签

async

<script src="1.js" async></script>

async(可选)立即加载脚本
1.立即加载脚本

async(可选)立即加载脚本
1.立即加载脚本

  • 不阻塞页面其他操作（异步）
  • 异步加载完成之后立即执行
  • 不能保证执行顺序

defer

<script src="1.js" defer></script>

defer(可选)立即加载脚本

defer(可选)立即加载脚本

  • 立即加载脚本
  • 不阻塞页面其他操作（异步）
  • 加载完成之后不会立即执行
  • HTML5会按文档中顺序

charset

charset 表示代码字符集

charset 表示代码字符集

language

language 已废弃 表示脚本代码语言

language 已废弃 表示脚本代码语言

src

source 外部脚本必填外部文件位置

source 外部脚本必填外部文件位置

type

type文档类型 mime类型默认是text/javascript类型

type文档类型 mime类型默认是text/javascript类型

使用Scirpt标签

  • 直接在页面中嵌入SCRIPT脚本
  • 引入外部SCRIPT文件

由于js的单线程特性，所有非异步脚本都会按照文档顺序加载执行，所以一般情况下推荐将Script标签放在body最后面的位置，这样可以在body加载完成之后进行js的加载和解析，在用户看来是加载速度的提升

由于js的单线程特性，所有非异步脚本都会按照文档顺序加载执行，所以一般情况下推荐将Script标签放在body最后面的位置，这样可以在body加载完成之后进行js的加载和解析，在用户看来是加载速度的提升

<body>
<h1> hello</h1>
<script type ="text/javascript">

 </script>
</body>

！使用sciprt标签时不要在任何位置出现script闭合标签

var test ="</script>"

如果必须使用，可以通过转义字符的方式

如果必须使用，可以通过转义字符的方式