1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <!-- 9 JavaScript用法: 10 html中的脚本必须位于<script></script>标签中 11 脚本可被放置在html页面的<body>和<head>中 12 使用限制: 13 在html中,不限制脚本数量 14 通常会把脚本放置于<head>标签中,以不干扰页面内容 15 --> 16 <input type="text" id="txt"/> 17 <input type="button" id="btn" onclick="errDemo2()" value="提交"/> 18 <!-- onclick:单击事件 19 onChange:文本内容改变事件 20 onUnload:关闭网页事件 21 onMouseOver:鼠标经过事件 22 OnMouseOut:鼠标移出事件 23 等等... 24 --> 25 <script> 26 document.write("Hello JavaScript");//代码按照编写顺序依次执行 27 document.write("Hello JS"); 28 var i= 10;//用var声明变量,全局变量 29 //函数:当它被调用时执行的可重复使用的代码块 30 //带参数的函数 31 function demo(a,b){ 32 var a = 10;//局部变量 33 b = 20;//全局变量 34 document.write(a+b); 35 } 36 demo();//调用函数 37 38 //带返回值的函数 39 function demo2(){ 40 return "Hello"; 41 } 42 var m = demo2(); 43 document.write(m); 44 45 //异常处理 46 function errDemo(){ 47 try{ 48 document.write(str);//发生异常的代码块 49 }catch (err){ 50 document.write(err);//错误信息处理 51 } 52 } 53 // errDemo(); 54 function errDemo2(){ 55 try{ 56 var h = document.getElementById("txt").value; 57 if(h==""){ 58 throw "未定义";//通过throw语句创建一个自定义错误 59 } 60 }catch (err){ 61 alert(err); 62 } 63 } 64 </script> 65 </body> 66 </html>
一些基础的东西