js基础
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>
17、