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>

谢谢！