onsubmit,onload事件触发，行为结构相分离
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
</head>
<body>
<form action="m9.php" onsubmit="return t1()">
<p><input type="text" /></p>
<p><input type="text" /></p>
<p><input type="submit" value="提交"/></p>
</form>
</body>
<script>
// 注意在onsubmit提交触发时，有点特殊
function t1 () {
// body...
alert("请填写完整");
return false;
}
</script>
</html>
/********************************
*行为ie结构相分离********/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>
#div{
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<p>行为，结构相分离</p>
<div>
<ul>
<li>好</li>
</ul>
</div>
</body>
<script>
// 行为，结构相分离
document.getElementsByTagName('div')[0].onclick=function () {
this.style.border="1px solid blue";
// body...
}
</script>
</html>
相关文章
- 1. iframe onload事件触发两次
- 2. 064_Js经常使用的五大事件 onclick nochanger onload onsubmit onblur
- 3. 事件结构触发的问题
- 4. window onload 与 img onload事件
- 5. 2.onload事件
- 6. JS 页面加载触发事件 document.ready和onload的区别
- 7. 浏览器返回按钮不会触发onLoad事件
- 8. IE下gif动画onload事件会重复触发
- 9. script标签的onload事件的触发时机
- 10. JS ready和onload事件 比较分析
- 更多相关文章...
- • jQuery Mobile 触摸事件 - jQuery Mobile 教程
- • SQLite 触发器（Trigger） - SQLite教程
- • NewSQL-TiDB相关
- • 再有人问你分布式事务，把这篇扔给他
相关标签/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
欢迎关注本站公众号,获取更多信息
