• 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、

  • 相关阅读:
    穷举
    菱形
    docker安装cloudera manager,切换cloudera-scm用户报错can not open session
    修改cloudera manager的端口号
    postgresql拓展if、ifnull、group_concat函数
    clion调试postgresql
    Java面向切面原理与实践
    Spring-boot非Mock测试MVC,调试启动tomcat容器
    spring-cloud-feign 使用@RequetParam报错QueryMap parameter must be a Map: class java.lang.String
    linux虚拟机拓展大小
  • 原文地址:https://www.cnblogs.com/joeshine/p/4442078.html
Copyright © 2020-2023  润新知