DHTML DOM(Document Object Model)
属性改变

Code
document.getElementById('image').src="/i/eg_landscape.jpg"
修改内容

Code
document.getElementById('header').innerHTML="新标题"
元素访问

Code
document.getElementById('header').style.color="red"
DHTML 事件句柄(Event Handlers)

Code
<h1 onmouseover="style.color='red'"
onmouseout="style.color='black'">
请把鼠标移动到文本上</h1>
onclick

Code
<html>
<head>
<script type="text/javascript">
cc=0
function changeimage()
{
if (cc==0)
{
cc=1
document.getElementById('myimage').src="/i/eg_bulbon.gif"
}
else
{
cc=0
document.getElementById('myimage').src="/i/eg_bulboff.gif"
}
}
</script>
</head>
<body>
<img id="myimage" onclick="changeimage()"
border="0" src="/i/eg_bulboff.gif"
width="100" height="180" />
<p>请点击这个灯泡,把它点亮吧!</p>
</body>
</html>
当页面加载

Code
<html>
<head>
<script type="text/javascript">
function mymessage()
{
alert("该消息被 onload 事件触发")
}
</script>
</head>
<body onload="mymessage()">
</body>
</html>