您的位置:首页 > Web前端 > JavaScript

JS基础知识

2017-11-29 23:30 381 查看
一、JS代码的注意事项

大小写敏感;

换行与空格会在编译的时候被忽略,但字符串在换行时需要用 “+” 连接;

分号可有可无;

注释包括//和/**/

二、数据类型

  基本数据类型

    1.字符串型数据----用单引号或双引号包起来的文本字符串,如var h = "你好"  或  var h = '你好',两者没有区别

    2.数值型数据----用双精度浮点值来表示数字,可以写成十进制、十六进制、八进制。十进制可以写成普通写法和科学计数法,如10   10.1   0.1   3e7   0.3E7 ; 十六进制,如0XAF3E   0x30FB ; 八进制,如037   0123456

    3.布尔型数据----只有真和假;事实上,对于一个变量,非0即真,0值即假;如var b1 = true; var b2 = false; var b3 =0; var b4 = 0.1 则b1为真,b2为假,b3为假,b4为真

  复合型数据

    1.内置对象----var obj = new Object();(常用对象:Object Array ActiveXObject Boolean Date Function Math ...)

    2.日期对象----date = new Date(); date = new Date(var); date =new Date(y, m, d[, h[, min[, sec[, ms]]]] );

    范例:获取当前系统时间

    <script language="JavaScript">

           var cur = new Date();
   var years = cur.getFullYear();
   var months = cur.getMonth();
   var days = cur.getDate();

           var hours = cur.getHours();
   var minutes = cur.getMinutes();
   var seconds = cur.getSeconds();
   alert("此时时间是:" + years + "年" + (months + 1) + "月" + days + "日" + hours + "时" + minutes + "分"                               + seconds + "秒");

        </script>

    3.数学对象----Math.属性  Math.方法名()   PI, SQRT2, abs, cos, sin, max, min, sqrt, round, log, pow...

    4.全局对象----isNaN(value)判断是否是value; parseFloat(String)字符串转浮点数; parseInt(String)转整数

    5.字符串对象

    6.数组对象----var a = new Array(); var a = new Array(10,1.2,"string",true);

                          var a = [10,1.2,"string";]; var a = new Array(3);

三、数据类型转换

隐式转换、显示转换

四、常量、变量、表达式、运算符

常量----字符串常量、布尔型常量、数值常量

变量----var 变量名 = 值;  变量名 = 值; var可以忽略,var声明变量时可以不赋初值

变量的作用域----全局和局部

关键字

表达式

运算符

五、控制语句

选择语句----if选择、if-else选择、if-else if选择、switch选择

循环语句----for循环、while循环、do-while循环、for-in循环( for(n in set) {语句} )、break\continue

异常处理----try-catch、try-catch-finally、throw

六、函数和数组

  函数的定义

  普通定义:function 函数名(参数名...){ 语句;return 表达式 }

  变量定义:var 变量名 = new Function (参数... ,  函数体)  

    例如:var c = new Function ("r", "return r*r");  var r1 = 2;  var d = c(r1);  alert(d);

  argument对象:函数名.length表示函数定义时的参数个数;argument.length表示实际调用时传递的参数个数

  函数的返回类型

  值类型:将数据的值赋值传递、引用类型:传送数据的地址、返回函数

    返回函数示例:

    function getSum ()

    {

        function sum (a, b)

        {

            return a + b;

        }

        return sum;

    }

    var s = getSum ();

    var total = s (1, 2);

    alert (total);

  函数的分类

  构造函数,有返回值的函数,没有返回值的函数

  函数的作用域

  公有函数、私有函数、this关键字

  创建数组

    空数组var obj = new Array();  指定长度var obj = new Array(3);  

    指定数组元素var obj = new Array(1, 1.2, "小明");  直接创建var obj = [1, 1.2, "小明"];

  数组元素的直接操作

    示例:var s = new Array("洗衣粉", "小明", "长城");

               读取元素var r = s[0];

               添加元素s.push("111");

               删除元素delete s[1];

               获取个数var count = s.length;

  数组对象的操作

    转字符串:s.toString();  连接s.join("--"),按--连接;  尾部添加元素s.push("..");  删除最后一个元素s.pop();

    s.concat(".."); s.splice();s.slice(start,end);s.sort(..);

七、事件

加载与卸载:onolad()、unload()

焦点:onblur()、onfocus()

键盘事件:onKeypress,onKeydown,onKeyup

提交:submit,reset

选择与改变:onSelect ,onChange

八、窗口对象window

onLoad,onUnload,onFocus,onBlur,alert,confirm(询问对话框),prompt("..","..")(输入对话框,前面是问题,后面是输入),open,scrollBy(对文档滚动),

九、历史对象

history.back();history.forward();history.go(-1/URL/...);

十、JQuery

基本元素选择器、基本条件选择器、内容条件选择器、属性选择器、子元素选择器、表单元素选择器、表单属性选择器
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JS