在线运行代码 - 菜鸟教程

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

<script id="myScript" src="demo_defer.js.html" 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>
源代码

动行结果
