JavaScript学习笔记1

 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>

一些基础的东西

你可能感兴趣的:(JavaScript)