dom学习基本代码第一部分
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>event deal</title> 5 <style type="text/css"> 6 .leixing{color:red;} 7 </style> 8 <script type="text/javascript"> 9 function bodyclick() 10 { 11 alert("first"); 12 alert("second"); 13 } 14 function f1() 15 { 16 alert(1); 17 } 18 function f2() 19 { 20 alert(2); 21 } 22 </script> 23 <script type="text/javascript"> 24 function Confirm() { 25 if (confirm("是否继续")) { 26 alert("继续"); 27 } 28 else { 29 alert("取消"); 30 } 31 } 32 </script> 33 <script type="text/javascript"> 34 var intervalId; 35 function DoSetInterval() 36 {//每隔一定时间执行一次代码 37 intervalId = setInterval("alert('hello')", 2000);//定时发生代码 38 //返回一个代码，可以通过clearinterval将他清除 39 } 40 setTimeout("alert('这个时间到了')", 5000);//一定时间后执行此代码，即定时执行一次 41 //clearTimeout(); 42 //也可清除这个定时 43 </script> 44 <script type="text/javascript">//实现标题栏滚动 45 function scroll() 46 { 47 var title = document.title; 48 var top = title.charAt(0); 49 var less = title.substring(1, title.length ); 50 document.title = less + top.toString(); 51 } 52 var inter; 53 function startscroll() 54 { 55 inter = setInterval("scroll()",500); 56 } 57 </script> 58 59 </head> 60 <body onload="btn.value = 'OK'" onbeforeunload="window.event.returnValue='文章会丢失'"><!--onmousedown="bodyclick()"--> 61 <p>点击我</p> 62 <input type="button" value="f1"onclick="document.ondblclick=f1"/><!--这里定义方式和下面写的方式是一样的效果--> 63 <input type="button" value="f2" onclick="document.ondblclick=f2" /> 64 <input type="button"value="f3"onclick="f1()"> 65 <input type="button" value="f4" onclick="f2()"> 66 <br /> 67 <input type="button"value="确认？"ondblclick="Confirm()"/> 68 <input type="button"value="navigate测试" id="btn"onclick="navigate('www.qq.com')"/> 69 <br /> 70 <input type="button"value="开始" onclick="DoSetInterval()"/> 71 <input type="button"value="结束"onclick="clearInterval(intervalId)" /> 72 <br /> 73 <input type="button"value="开始滚动"onclick="startscroll()"/> 74 <input type="button" value="停止滚动" onclick="clearInterval(inter)" /> 75 </body> 76 </html>