在线运行代码 - 菜鸟教程

<!DOCTYPE html> 
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title>
</head> 
<body>

<script src="demo_defer.js.html" defer></script>

<p>以上脚本中的请求信息在以下段落中。通常情况下，这样是无法执行成功的 ，因为脚本执行前，请求的信息必须是存在的，如实例中 p 元素的 id。</p>

<p id="p1">Hello World!</p>

<p>但是如果我们设置了 defer 属性，指定的脚本可以在文档加载完之后执行。所以这个实例可以正常执行。</p>

</body>
</html>
源代码

动行结果
