在本文中，我们将学习如何在网页上异步执行脚本。这可用于加载内容很重要的情况，因为繁重的脚本会导致页面等待加载，从而使页面看起来不完整。异步加载将解决阻塞 DOM 渲染的问题。
脚本标签用于在网页内部实现外部和外部脚本。为了使脚本异步运行，我们有两个属性，第一个是async ，第二个是defer 。这些是布尔类型属性，并且都异步加载脚本而不会阻止 DOM 渲染。
两者之间的主要区别是async属性在加载后立即异步执行脚本，而不等待 DOM 完成渲染，而 defer 属性在 DOM 内容完全加载时执行脚本。旧版浏览器不支持async属性，但旧版浏览器支持defer 。
当同时使用async和defer 时，浏览器会忽略defer 属性。但是，如果浏览器很旧并且不支持异步，则 defer属性将起作用。
示例 1：在这个示例中，我们有四个元素，第一个是
元素，它是脚本之前的内容，第二个是包含要加载的脚本的
Content after script