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>

    谢谢!吐舌头


  • 相关阅读:
    第 6 章 Android SDK 版本与兼容
    第 5 章 第二个 activity
    第 4 章 Android 应用的调试
    第 3 章 Activity 的生命周期
    第 2 章 Android 与 MVC 设计模式
    第 1 章 Android 应用初体验
    ACM基础之线性结构:一刷 参考答案
    小马慢慢跑
    Ubuntu 利用 xinetd 限制 SSH 连接数
    C# 定制 Attribute 简单使用
  • 原文地址:https://www.cnblogs.com/jatpeo/p/11767640.html
Copyright © 2011-2022 走看看