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>
浙公网安备 33010602011771号