js基础

浏览数：17 / 时间：2015年06月09日

1、js区分大小写，和Java一致。

1 var MyName; //一个变量
2 var myname; //另一个变量

2、每行后面的括号可有可无，如果没有分号，语法会自动在代码结尾作为结尾。

1 alert()    //结尾没有括号，javascript自动识别结尾并结束语句
2 alert();

3、javascript变量是弱类型，不需要具体的修饰。

1 var name="JoeShine";
2 var a=4;

4、javascript关键字：abstract,continue,finally,instanceof,private,this,boolean,default,float,int,public ,throw,break,do,for,interface,return,typeof,byte,double,function,long,

short,true,case,goto,native,static,var,catch,extends,implements,new,super,void,char,false,import,null,switch,while,class,final,in,in,pachage,

synchronized,with。

5、给未声明的变量赋值使，自动将变量转化为全局变量，如果在函数内部，就会成为局部不变量。要在函数内部定义全局变量需要用var。

1 num="344";    //一个全局变量
2 function send()
3 {
4   num1="34553";      //一个局部不变量
5   var num2="232323";    //一个全局变量
6 }

6、变量的作用域：全局变量定义在所有函数之外，作用于整个脚本代码。局部变量只作用于函数内。

7、验证用户名和密码是否为空

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
    function check(){
        if(form1.user.value==""){                //判断用户名是否为空
            alert("请输入用户名！");
            form1.user.focus();
            return;
        }else if(form1.pwd.value==""){            //判断密码是否为空
            alert("请输入密码！");
            form1.pwd.focus();
            return;
        }else{
            form1.submit();                        //提交表单
        }
    }
</script>
</head>
<body>
  <center>
  <form name="form1" method="post" action="">
    用户名：<input name="user" type="text" id="user">
    密码：<input name="pwd" type="text" id="pwd"></td>
      <input name="Button" type="button" class="btn_grey" value="登录" onClick="check()">
      <input name="Submit2" type="reset" class="btn_grey" value="重置" onClick="check()">
  </form>

8、js函数组成：function关键字、函数名，大括号和代码组成。函数名是区分大小写，作用范围是一个页面。函数的返回值是可选的，可以返回任意表达式、变量或常量。

9、javascript的事件驱动：javascript可以以事件驱动的方式直接对客户端的输入做出反应，无需经过服务器。也就是说，javascript是事件驱动的，它是通过自定义的函数对事件处理的。javascript有常用的事件如onload,onclick等。

10、事件处理程序的调用可以通过两种方式，一种是在javascript代码中，另一种是在HTML标记中。指定事件处理程序时，事件必须小写。并且在input标签前面。前者在第七部分说明了，后者如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>事件处理程序的调用</title>
</head>
<body>
    <input type="button" id="bt_save" value="save">
    <script language="JavaScript">
        var b_save=document.getElementById("bt_save"); //document is a attribute.
        b_save.onclick=function() //onClick is a event ,but not a function, so onClick() is wrong.
        {
            alert("好你个事件处理程序调用");
        };
    </script>
 </body>

11、javascript是一种基于对象的语言。DOM是文档对象模型，document是一个浏览器窗口页面的window对象的属性。BOM是浏览器对象模型，window是其基本对象。

12、window对象即是浏览器窗口对象（它表示一个浏览器窗口），是一个全局对象，是所有对象的顶级对象。window对象中提供的许多属性和方法可以操作浏览器页面的内容。

　　由于其是全局对象，故引用的时候不用new实例化，直接"对象名.成员"。

　　document是window对象的属性，alert()是window的方法。

　　所有javascript的全局对象、函数和变量都自动成为window的成员。

　　全局变量自动成为window的属性，全局函数自动成为window的方法。

　　由于Window对象使用频繁，所以JavaScript允许省略Window对象的名称，如alert();。

13、close();方法的使用：实现用户名、密码、确认密码文本框，包含提交、重置、关闭按钮，当用户单击关闭时关闭浏览器。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<form id="form1" action="" method="post" name="form1">
    <ul>
        <li><input type="button" name="button2" value="注册/登录" onclick="newWindow();"></li>
        <li>用户名：<input type="text" name="user" id="user"></li>
        <li>密码：<input type="password" name="psw" id="psw"></li>
        <li>确认密码：<input type="password" name="psw1" id="psw1"></li>
        <li>
            <input type="submit" name="submit1" value="提交">
            <input type="reset" name="submit2" value="重置">
            <input type="button" name="button1" value="关闭" onclick="window.close();">
        </li>
    </ul>
</form>
</body>

14、String对象：是一个动态对象，但不需要new创建实例。可以直接在建立的字符串对象后加.来引用对象的属性(如length)和方法(如indexOf();)。

15、Date对象：对日期和时间进行操作。是一个动态对象，需呀new创建实例，Date对象没有直接使用的属性，只有方法，

16、javascript做的实时计时系统

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charSet=UTF-8" />
    <title>实时显示系统时间</title>
    <script language="JavaScript">
    function realSysTime(clock)
    {
        var now=new Date();            //创建Date对象
        var year=now.getFullYear();    //获取年份
        var month=now.getMonth();    //获取月份
        var date=now.getDate();        //获取日期
        var day=now.getDay();        //获取星期
        var hour=now.getHours();    //获取小时
        var minu=now.getMinutes();    //获取分钟
        var sec=now.getSeconds();    //获取秒钟
        month=month+1;
        var arr_week=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
        var week=arr_week[day];        //获取中文的星期
        var time=year+"年"+month+"月"+date+"日 "+week+" "+hour+":"+minu+":"+sec;    //组合系统时间
        clock.innerHTML="当前时间："+time;    //显示系统时间
    }
    window.onload=function()
    {
        window.setInterval("realSysTime(clock)",1000);    //实时获取并显示系统时间
    }
    </script>
  </head>
<body>
<div id="clock"></div>
</body>
</html>