JS的使用

 <script>
        //创建时间对象
        //var date = new Date();
        ////获取世界时间，会提示当前时区
        //alert(date.toString());
        ////获取当前时区的当前时间
        //alert(date.toLocaleString());
        
        //代码分离：一般不将html与js混合写
        //定义函数，用于获取时间对象并显示当前时间
        function showTime() {
            var date = new Date();
            alert(date.toLocaleString());
            return false;//可以让a的跳转不执行
        }
    </script>

<hr/>
    点击超链接，执行js脚本，而不进行url跳转
    <br/>
    方式一：让js函数返回false,在onclick中也返回false;
        <a href="http://www.itcast.cn" onclick="return showTime();">显示当前时间</a>

    <br/>
    方式二：将href指定成一段脚本
    <a href="javascript:showTime();">点击显示时间</a>
    <br/>

 1  <script>
 2         //当变量被声明之后，没有初始化，则值为undefined
 3         var a1;
 4         //alert(a1);
 5         
 6         //输出类型
 7         //alert(typeof(a1));//返回a1变量的类型对应的字符串
 8 
 9         //指定null值时，当前变量为null
10         a1 = null;
11         //alert(a1);
12         //alert(typeof(a1));//null是一个object的值
13 
14         //class Person{}
15 
16         var a2 = ‘100‘;
17         alert(a2 + 1);//字符串拼接
18         alert(parseInt(a2) + 1);//转成整数后，进行算术加运算
19     </script>

 1 //var a1;
 2         //var a2 = null;
 3         
 4         //undefined表示没有，null表示没有
 5         //if (a1 == a2) {
 6         //    alert(‘ok‘);
 7         //} else {
 8         //    alert(‘no‘);
 9         //}
10         
11         //三个等号先判断类型是否相同，再判断值是否相同
12         //if (a1 === a2) {
13         //    alert(‘ok‘);
14         //} else {
15         //    alert(‘no‘);
16         //}
17 
18         var b1 = 123, b2 = ‘123‘;
19         //值都为123所以相等
20         //if (b1 == b2) {
21         //    alert(‘ok‘);
22         //} else {
23         //    alert(‘no‘);
24         //}
25         //b1是number类型，b2是string类型，所以不等
26         //if (b1 === b2) {
27         //    alert(‘ok‘);
28         //} else {
29         //    alert(‘no‘);
30         //}
31 
32         //null与‘null‘是不同的
33         //var temp = null;
34         //if (temp == ‘null‘) {
35         //    alert(‘ok‘);
36         //} else {
37         //    alert(‘no‘);
38         //}
39 
40         //判断变量是否可用
41         //判断是否为undefined:typeof (temp) == ‘undefined‘ 
42         //判断是否为null:temp === null
43         //var temp = null;
44         //if (typeof (temp) == ‘undefined‘ || temp === null) {//‘null‘,‘object‘
45         //    alert(‘不可用‘);
46         //} else {
47         //    alert(‘可用‘);
48         //}
49         ////简写
50         //if (temp == null) {//‘null‘,‘object‘
51         //    alert(‘不可用‘);
52         //} else {
53         //    alert(‘可用‘);
54         //}
55 
56         //var date = new Date();
57         //alert(typeof (date));
58         //alert(typeof (Date));//function
59         //alert(typeof (Date()));//调用Date()方法返回表示当前时间的字符串，类型为string
60         
61         //判断是否不是一个数字
62         //var temp2 = ‘abc‘;//根据字面值判断,‘123’是数字
63         //alert(isNaN(temp2));
64 
65 
66         //将一段字符串当作js代码执行
67         //应用场景：当从文本框中获取值时，得到的是字符串，如果希望那段字符串当作js执行，则使用eval()方法
68         //eval(‘alert("abc");‘);
69     </script>

 1  <script>
 2         //修饰符 返回值类型 方法名(参数列表){...}
 3         //function 方法名(参数列表){...}
 4         function add(a, b) {
 5             //alert(a + b);
 6             return a + b;//使用return返回值
 7         }
 8         //快捷键func,tab
 9         function add2(a, b, c) {
10             alert(a + b + c);
11             //return a + b + c;
12         }
13 
14         //调用方法
15         //var sum = add(1, 2);//直接使用变量接收方法的返回值
16         //alert(sum);
17 
18         //接收没有返回值的方法
19         var sum2 = add2(1, 2, 3);
20         alert(sum2);
21     </script>

 1  <input type="button" id="btnShow" value="显示"/>
 2         <script>
 3             
 4             //快捷键：fun,tab
 5             //定义匿名函数，赋值给一个变量
 6             var f1 = function(a, b) {
 7                 alert(a+b);
 8             };   
 9             //通过变量调用
10             //f1(1, 2);
11 
12             //典型应用：为事件绑定处理函数，传递回调函数
13             //根据id获取页面元素，为它绑定单击事件
14             document.getElementById(‘btnShow‘).onclick = function() {
15                 alert(123);
16             };
17         </script>

 1  <script>
 2         //定义一个函数show
 3         function show(name) {
 4             //返回一个函数
 5             return function () {
 6                 //输出name的值
 7                 alert(name);
 8             };
 9         }
10         //运行show函数，将返回值赋给f1
11         //因为返回值是函数，所以f1现在指向一个函数
12         var f1 = show(‘a‘);
13         //通过f1可以调用匿名函数执行
14         f1();
15         
16         //闭包：支持在函数内部调用函数之前声明过的变量
17         //作用域链：变量的作用域在当前函数中，及当前函数内部定义的函数中，形成了一个链条
18         //建议：避免闭包，每次在用一个变量时，都要先声明再使用
19     </script>

 1 <script>
 2         //为类增加成员
 3         function Person(name) {
 4             this.Name = name;//在类内部声明一个属性Name,初始化为name值
 5             this.say = function() {//匿名函数
 6                 alert(this.Name);
 7             };
 8 
 9             //类是没有返回值的，所以如下代码可以不写
10             //return name;
11         }
12 
13         //使用构造方法创建对象
14         var p1 = new Person(‘zhh‘);
15     //p1.say();//调用 方法
16 
17         //alert(typeof (p1));//object
18         //alert(typeof (Person(‘zhh‘)));//因为Person作为函数时，没有返回值，所以是undefined
19         //alert(typeof(Person));//Person就是一个函数，类型是function
20     </script>

 1 //为对象增加成员
 2     <script>
 3         function Person() {
 4             
 5         }
 6         //为对象增加成员
 7         //var p1 = new Person();
 8         //p1.Name = "zhh";//为对象p1新建了一个属性Name
 9         //p1.say = function() {
10         //    alert(p1.Name);
11         //};
12         //p1.say();
13 
14         //新建出来的对象，是没有Name属性的，因为类Person中没有Name属性
15         //var p2 = new Person();
16         //alert(p2.Name);
17     </script>

 function Person() {
            this.Age = 100;
        }

        var p1 = new Person();
        //p1.Title = ‘abc‘;


//如果运行,会显示ABC和100

 1 <script>
 2         //使用[]定义数组
 3         var array1 = [123, ‘abc‘];
 4        alert(array1[0]);//通过下标访问
 5 
 6         //键值对{键:值,...}
 7         var array2 = {            
 8             name: ‘zhh‘,
 9             age: 18,
10             gender:‘你猜‘
11         };
12         //alert(array2[‘name‘]);//将array2认为是集合，通过键访问值
13         //alert(array2.name);//将array2认为是json，通过属性访问值
14         
15         //定义json数组
16         var temp = [{
17             title: ‘zhh‘,
18             age:18
19         }, {
20             title: ‘牛头‘,
21             age:20
22         }, {
23             title: ‘马面‘,
24             age:22
25         }];
26         //输出每个对象的title值
27         for (var index in temp) {//temp是数组，所以index是索引
28             alert(temp[index].title);
29         }
30     </script>