先創建一個html模版
<html>
<head></head>
<body>
<p id = "myP">I'm a paragraph.</p>
<div id = "myDIV">I'm a div</div>
<p><button type="button" document.getElementById("myP").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}
</script>
</html>腳本放在body下邊是爲了確保元素創建之後再執行腳本（腳本里面要用到元素的ID）
而且可以在頁面顯示完之後再加載相對較慢的JavaScript
注意這句：
<p><button type="button" onclick="myf()">點擊這裏</button></p>
腳本內的方法
<script>
function myf()
{
document.getElementById("myP").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}
</script>不會自動執行，但是下邊的未包含在function中的
<script>
document.getElementById("myPar").innerHTML="Hello World";
document.getElementById("myDiv").innerHTML="How are you?";
</script>一旦加載會立即運行