码迷,mamicode.com
首页 > Web开发 > 详细

js基础

时间:2015-04-21 20:17:41      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:

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、

js基础

标签:

原文地址:http://www.cnblogs.com/joeshine/p/4442078.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!