html中的javascript

<script>元素

  • 属性
    • async
    • charset
    • crossorigin
    • defer
    • integrity
    • language
    • src
    • type

页面执行到body的起始标签时才开始渲染，过去javascript放在<head>

1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        <title>12</title>
        <script src="'"> </script>
    </head>

    <boby>

    </boby>
</html>

但会导致加载空包页面变长

1
2
3
4
5
6
7
8
9
10
<html>
    <head>
        
    </head>

    <boby>
    <title>12</title>
        <script src="'"> </script>
    </boby>
</html>

推迟执行脚本

defer属性只对外部脚本生效，等页面解析完成时在运行（立即下载但执行推迟）

1
2
3
4
5
6
7
8
9
10
11
<html>
    <head>
        <title>12</title>
        <script defer src="'"> </script>
        <script  defer src="'"> </script>
    </head>

    <boby>

    </boby>
</html>

异步执行脚本

async与defer类似，但与后者相比，async不能保证安装他们的顺序执行

动态执行脚本
在javascript中使用domapi,创建script元素，并添加到dom

1
2
3
let script = document.createElement('script');
script.src = 'gibberish.js';
document.head.appendChild(script);
  • no <noscript>元素

触发条件

  • 浏览器不支持脚本
  • 浏览器对脚本的支持被关闭
#JavaScript高级程序设计笔记
html中的javascript
https://lijusting.top/posts/2ea2529a/
作者
lijusting,
发布于
2022年10月12日
许可协议