JavaScript HTML DOM ???
JavaScript HTML DOM ???
HTML DOM? JavaScript? HTML ???? ???? ??? ?????.
???? ??
???? HTML ??? ???? ? ???? ??? ? JavaScript? ??? ? ????.
???? ??? ??? ? ??? ????? HTML ??? ??? JavaScript ??? ?????.
onclick=JavaScript
HTML ???? ?:
???? ???? ??? ? ???? ??? ? ???? ??? ? ??? ? ?? ?? ???? ??? ? ?? ??? ??? ? HTML ??? ??? ? ???? ? ???? ??? ?
? ?? ???? ???? <h1> ??:
<!doctype html> <html> <meta charset="utf-8"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> </head> <body> <h1 onclick="this.innerHTML='hello!'">點(diǎn)我點(diǎn)我點(diǎn)我!</h1> </body> </html>
? ?? ??? ??? ????? ?????.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script>
function changetext(id)
{
id.innerHTML="hello!";
}
</script>
</head>
<body>
<h1 onclick="changetext(this)">請(qǐng)點(diǎn)擊這段文本！</h1>
</body>
</html>HTML ??? ??
HTML ??? ???? ????? ??? ??? ??? ? ????.
?? ??? onclick ???? ?????:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<p>點(diǎn)擊按鈕來(lái)執(zhí)行 <b>displayDate()</b> 函數(shù)。</p>
<button onclick="displayDate()">試一試</button>
<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>?? ??? ??? ???? displayDate?? ??? ?????.
HTML DOM? ???? ??? ??
HTML DOM? ???? JavaScript? ???? HTML ??? ???? ??? ? ????.
onclick ???? ?? ??? ??:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
</head>
<body>
<p>點(diǎn)擊按鈕來(lái)執(zhí)行 <b>displayDate()</b> 函數(shù)。</p>
<button id="myBtn">試一試</button>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>? ??? displayDate?? ??? id =myButn? ?????. " HTML ?????.
??? ???? ?? ??? ?????.
onload ? onunload ???
onload ? onunload ???? ???? ???? ????? ?? ? ?????.
onload ???? ???? ??? ???? ??? ??? ???? ? ??? ???? ??? ??? ????? ??? ? ????.
onload ? onunload ???? ???? ??? ??? ? ????.
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body onload="checkCookies()">
<script>
function checkCookies()
{
if (navigator.cookieEnabled==true)
{
alert("Cookies are enabled")
}
else
{
alert("Cookies are not enabled")
}
}
</script>
<p>彈出的提示框會(huì)告訴你瀏覽器是否已啟用 cookie。</p>
</body>
</html>onchange ???
onchange ???? ??? ?? ?????.
?? ?? ???? ?? ??? ??? ??? ? ???? onmouseover ? onmouseout ??????. ??? ???? ??? ?? ???? ??? ? ??? ??????.
??? onmouseover-onmouseout ?:<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script>
function myFunction()
{
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>
請(qǐng)輸入你的英文名：<input type="text" id="fname" onchange="myFunction()">
<p>當(dāng)你離開(kāi)輸入框時(shí)，被觸發(fā)的函數(shù)會(huì)把你輸入的文本轉(zhuǎn)換為大寫(xiě)字母。</p>
</body>
</html>onmousedown, onmouseup ? onclick ???Onmousedown, onmouseup ? onclick ???? ??? ??? ?? ???????. ??, ??? ??? ???? onmousedown ???? ?????, ??? ??? ??? onmouseup ???? ??????. ????? ??? ??? ???? onclick ???? ??????.
??? onmousedown-onmouseup ?:
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<div onmouseover="mOver(this)"
onmouseout="mOut(this)"
style="background-color:#D94A38;width:200px;height:50px;padding-top:25px;text-align:center;">
Mouse Over Me
</div>
<script>
function mOver(obj)
{
obj.innerHTML="謝謝你"
}
function mOut(obj)
{
obj.innerHTML="把鼠標(biāo)指針移動(dòng)到上面"
}
</script>
</body>
</html>
