HTML DOM

使用HTML DOM来分配事件
例子：
<button id="myBtn">Try it</button>
<p id="demo"></p>
<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>

onload和onunload事件
当用户进入或离开页面时，会触发onload和onunload事件。
onload事件用于检查访客的浏览器类型和版本，以便基于这些信息来加载不同版本的网页。
onload和onunload事件可用于处理cookies。
例子：
<body onload="checkCookies()">
<p>An alert box should tell you if your browser has enabled cookies or not.</p>
<script>
function checkCookies()
{
if (navigator.cookieEnabled==true)
{
alert("Cookies are enabled")
}
else
{
alert("Cookies are not enabled")
}
}
</script>

onchange事件
onchange事件常用于输入字段的验证。
例子：
<script>
function myFunction(){
var x=document.getElementById("fname");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body>

输入你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>

posted @ 2016-11-22 17:47  伊芙L  阅读(70)  评论(0)    收藏  举报