<html>
<body>
<script id="myScript" src="/demo/demo_defer.js" defer></script>
<p>上面的脚本从下面的段落请求信息。通常情况下,这是不可能的,因为脚本在段落之前被执行。</p>
<p id="p1">Hello World!</p>
<p>但是,defer 属性规定了后续被执行的脚本。通过这个方式,脚本可以从该段落请求信息。</p>
<p>您可以点击下面的按钮,再次检查脚本是否在后续被执行。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
function myFunction()
{
var x = document.getElementById("myScript").defer;
document.getElementById("demo").innerHTML = x;
};
</script>
</body>
</html>