zoukankan      html  css  js  c++  java
  • JavaScript基础的一些小总结

    一.js变量
    1.变量声明: var 关键字来进行变量声明  变量是弱类型
    1.数字   2.小数    3.boolean   4.字符串     4.字符
    验证数据类型:1.整数,小数是number类型
            2.布尔类型 ——Boolean
            3.字符,字符串——String类型
            4.未定义——undefined*/
            5.null类型
    变量命名:JScript 是一种区分大小写的语言。
            1.首字母(大小写均可),或一个下划线(_)。注意第一个字符不能是数字。
            2.后续的字符必须是字母、数字或下划线。
            3.变量名称一定不能是 保留字
    alert(typeof num1);变量类型判断
    ->   NAN (not a number)
    2.变量类型转换  方法parseInt(num1),parsefloat(num2)。
    num1:小数的话,变为整数
    num1:字符类型,显示为NAN
    num1:如:var str1="123woshiren"显示:123
    num2:如:var str="woshiren"; 显示NAN
    num2:如:var str1="123woshiren";显示123
    强制转换:
        1.数值与字符串相加 将数值强制转换为字符串。
        2.布尔值与字符串相加 将布尔值强制转换为字符串。
        3.数值与布尔值相加 将布尔值强制转换为数值。
        var x = 2000;      // 一个数字。
        var y = "Hello";   // 一个字符串。
        x = x + y;         // 将数字强制转换为字符串。
        document.write(x); // 输出 2000Hello。
    二.运算符
    1.算术运算符 + - * / %
    +:1.如果 那么 两个表达式都是数字或 Boolean  +
       2.字符串+字符串,字符串+数字
    %:取余运算符用 number1 除以 number2 (把浮点数四舍五入为整数),然后只返回余数作为 result
    2.比较运算符
            1.两个==号,先将类型转换,再判断是否相等
            2.三个等号。直接先判断数据类型是否一致。
    2.逻辑运算符
    ||与&&
    |和&
    3.移位运算符
    //&  与   | 或   ~ 非    ^ 异或 << 左移   >>右移
    //有符号右移  正数补0,负数补1(左边补)
    //无符号右移  在高位补0
    三.语句
    1.条件语句
     1.if语句:if (){}
     else{}
     2.if(){}
     else if(){}
     else{}
     if:条件:boolean值,数字(非0为真),字符串也可以(非空为真),未定义的类型也行,unfiend也行
     js是弱类型,没有数据类型。
     
    2.switch语句
    switch(条件值){
        case:值1
        语句;
        break;        /*注意case后面有:号*/
        case:值2
        语句;
        break;
        default:
        语句;
        break;
    }
     * break 语句:用 break 语句来中断一个循环的运行
     * continue 语句:越过余下的代码块而直接跳到下一个循环中
     * */
    2.循环语句。
    条件:1.初始变量
        2.循环条件
        3.循环体
        4.迭代器
     1.for循环
         for(var i=1;i<=5;i++){
             循环体
         }
     2.while循环
         while(条件表达式()){
         循环体;
         迭代器;
         }
     3.do..while循环
     do{
     循环体
     }while();//注意有分号:
    do..while语句循环体至少执行一次
    四.函数
    js 函数学习
     1.语法格式:
     function 函数名(数据类型 参数1){            //function是定义函数的关键字
                    方法体;                    //statements,用于实现函数功能的语句
            [返回值return expression]        //expression可选参数,用于返回函数值   
        }
         命名规则:1当一个名字包含多个单词的时候,习惯上用下划线把单词分隔开,如like_this()。
        另一种习惯是在第一个单词以后的所有单词都以一个大写字母开始,如likeThis()。
        1:函数名:区分大小写,并且在同一个页面中,函数名是唯一的
        2:parameter:可选参数,用于指定参数列表,但使用多个参数时
                 参数间使用逗号进行分割,一个函数最多使用255个参数
    实例:
        var a=10;
        var sum=0;
        function add(a,b){
            sum=a+b;
            return sum;
        }
     可以将返回值直接给具体的变量,如,var aa=sum;   
    2:函数的调用
    函数的参数:javascript函数可以以任意的数目的参数来调用,而不管函数定义中参数名字有多少个,
    由于函数是宽松类型的,它就没有办法声明所期望的参数的类型,并且,任何函数传递任意类型的参数都是合法的。
    当调用一个函数的参数少于声明的参数个数的时候,其他的参数就有一个undefined的值。
    编写这样的函数常常是很有用的:某些参数为可选的并且在调用函数的时候可以忽略它们

    五.js对象
    JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。
        1.访问对象的属性值:
            objectName.propertyName(对象.属性)
        2.访问对象的方法
            objectName.methodName()(对象.方法)
    创建js对象:3种
        1.定义并创建对象的实例
            var person=new Object();
            person.firstname="Bill";
            person.lastname="Gates";
            person.age=56;
            person.eyecolor="blue";
        2.literals创建对象实例是一种简化方法.
        var obj = {};  //创建空对象
        var obj = {
            num: '2',   //这是设置对象属性
            fn : function(){//这是设置对象方法   
        }
    }
        3.用函数来定义对象然后创建对象实例
        function Class(){
        //添加属性
        this.val = 1;
        //添加方法
        this.fn = function(){
            return 'fn';        
        }
    }
    var obj = new Class(); //创建对象实例
    六.事件
    事件:什么事事件?例如在页面载入完毕时,将触发onload()事件;
        当用户单击按钮时,将触发按钮的onclick事件等。
     常用事件:
        onabort:        对象载入被中断时触发
        onblur:         元素或者窗口本身失去焦点时触发
        onchange:       改变<select>元素中的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发
        onerror:        出现错误时触发
        onfocus:        任何元素或窗口本身获得焦点时触发
        onkeydown:      键盘键包括shift,alt被按下时触发
        onkeypress:     键盘键被按下,并产生一个字符时触发,也就是说按下shift或者alt等键不会触发
        onkeyup:        释放键盘上的按键时触发
        onload:         页面完全载入后触发
        onunload:       页面完全卸载后触发
        onclick:        单击鼠标左键时触发,当光标的焦点在按钮上,并按enter键也会触发
        ondblclick:     双击鼠标左键时触发
        onmousedown:    单击任何一个鼠标按键时触发
        onmousemove:    鼠标在某个元素上移动时持续触发
        onmouseout:     鼠标从指定的元素上移动开始触发
        onmouseover:    鼠标移动到某个元素时触发
        onmouseup:      释放任意一个鼠标按键时触发
        onreset:        单击重置按钮时,在form标签上触发
        onresize:       窗口或者框架的大小发生改变时触发
        onscroll:       在任何滚动条的元素或者窗口上滚动时触发
        onsubmit:       单击提交按钮时,在<form>上触发
     js代码:
    function abc(){
        alert("获取焦点!");
    }
    function sub(){
        alert("按钮提交事件");
    }
    html代码:
    <form  action="new_file.html"  οnsubmit="sub()">
        <input type="text" name="username" id="username"  οnfοcus="abc()"/>
        <input type="submit" value="提交" />    
    </form>
    常见的事件有:
    2:事件处理
        事件处理程序是用来响应某个事件而执行的处理程序。事件处理程序
        可以是任意的javascript语句,通常使用函数来对事件进行处理
        调用函数的两种方式:
        第一种方式,在HTML中绑定
        第二种方式,在javascript中绑定(第二种方式要注意先执行
        form标签内的内容,然后再执行script标签内的内容)
     第一种代码:
      <html>
     2 <head>
     3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     4 <title>调用函数的方法1</title>
     5     <script language="javascript">
     6         function save(){
     7             alert("单击做出反应");
     8         }
     9     </script>
    10 </head>
    11 <body>
    12     <input type="button" name="save" id="save" value="保存" οnclick="save()">
    13 </body>
    14 </html>
    第二种代码:
     <html>
     2 <head>
     3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     4 <title>调用函数的方法1</title>
     5     
     6 </head>
     7 <body>
     8     <input type="button" name="save" id="save" value="保存">
     9     
    10     <script language="javascript">
    11         var bt_save=document.getElementById("save");
    12         bt_save.οnclick=function(){//匿名函数
    13             alert("单击做出反应");
    14         }
    15     </script>
    16 </body>

    17 </html>

    谢谢!吐舌头


  • 相关阅读:
    Ubuntu 16 安装redis客户端
    crontab 参数详解
    PHP模拟登录发送闪存
    Nginx配置端口访问的网站
    Linux 增加对外开放的端口
    Linux 实用指令之查看端口开启情况
    无敌的极路由
    不同的域名可以指向同一个项目
    MISCONF Redis is configured to save RDB snapshots, but is currently not able to persist on disk. Commands that may modify the data set are disabled. Please check Redis logs for details about the error
    Redis 创建多个端口
  • 原文地址:https://www.cnblogs.com/jatpeo/p/11767640.html
Copyright © 2011-2022 走看看