<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1按鈕顯示時間</title>
<style>
</style>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();}
</script>
</head>
<body>
<h2>1、點選按鈕顯示日期與時間</h2>
<p id="demo">這是一個段落</p>
<button type="button" οnclick="displayDate()">顯示日期</button>
<h2>2、點選按鈕彈出對話框</h2>
<p>
JavaScript能夠對事件作出反應。比如對按鈕的點選</p>
<button type="button" οnclick="alert('北京歡迎你！')">點我！</button>
<h2>3、js直接寫入html body中</h2>
<script>
document.write("<h1>這是一個标題</h1>");
document.write("<p>這是一個段落</p>")
</script>
<h2>4、找到元素改變内容</h2>
<p id="demo1">我恨你</p>
<script>
function myFunction(){
x=document.getElementById("demo1");//找到元素
x.innerHTML="我愛你，ww";
}
</script>
<button type="button" οnclick="myFunction()">點選改變内容</button>
<h2>5.點選燈泡就可以打開或關閉這盞燈</h2>
<script>
function changeImage(){
element=document.getElementById("myimage")
if(element.src.match("dp2"))
{
element.src="image/dp1.png";
}
else{
element.src="image/dp2.png"
}
}
</script>
<img id="myimage" οnclick="changeImage()" src="image/dp1.png"/>
</body>
</html>
![主流浏覽器四大綜合性能測試[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)