09_JavaScript基础与核心对象

福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTG.O.KTechCopyright©2014FuJianGokTech.Co.,LtdMoreexcitingwaitforustocreate!!Copyright©2014FuJianGokTech.Co.,Ltd回顾HTML框架标记CSS相关概念及作用如何在网页中引入CSSCSS基本语法(定义规则)选择器分类常用样式三种定位浮动盒子模型(margin（元素和元素之间）padding(内容和自己的所在的元素之间)）福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd本章目标JavaScript相关概念及作用如何在网页文件中引入JavaScriptJavaScript基本语法变量的定义函数的定义语句:条件,循环等JavaScript内建对象String,Array,Date,Window福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd相关概念及作用JavaScript是一种解释型的、基于对象的脚本语言。JavaScript是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型;JavaScript程序是语句的集合。javascript作用:运行于浏览器上,用于产生动态效果及客户端验证福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,LtdJavaScript作为客户端程序嵌入网页有三种方式:方式一：使用script标记script/script方式二：使用外部文件scriptsrc=“XXX.js”/script【一般不推荐】方式三：直接在HTML标记中(事件处理程序中使用JavaScript)Onclick=“test()”那我们具体选择选择哪种方式？1代码量比较大或者公共部分的一般使用第二种2代码量比较少并且不共用一般使用第一种福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LT=“test.js”/scriptscriptlanguage=“javascript”alert(‘欢迎光临!’);/script/headbodyinputtype=“button”value=“按钮”onclick=“javascript:alert(‘test’);”/body/html福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd基本语法-变量的定义JavaScript变量通常称之为弱变量;因为JavaSctipt是一种宽松的脚本语言;JavaScript中变量可以不用预先定义而直接使用。变量的定义(声明)var变量名1,变量名2;或var变量名1=值1,…;变量的命名规则由字母、数字、美元符号、下划线组成。变量名的第一个字母不能是数字。其后的字符，可以是英文字母，数字，和下划线符号符号_变量名不能是Javascript的保留字(参见JavaScript保留字)。福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LT变量作用域//局部变量；全局变量；scriptlanguage=javascriptvarabc1=123;//全局变量；从定义处开始整个页内都有效functionaaaaa(){varabc2=456;//局部变量；只在函数内部有效alert(abc2);}alert(abc2);//出错;局部变量/scriptscriptlanguage=javascriptalert(abc1);//可以用,全局变量/script福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd数据类型数值型number可为整数或浮点数字符串型string用于保存文本数据布尔型boolean只能是true或false对象型object例如document、window、date等对象函数function为内置函数或用户自定义函数。通过关键字typeof测试变量的数据类型格式typeof(变量名)福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LT函数的定义•函数编写格式：•不传递参数•functionsubname(){}•传递参数•functionsubname(p1){}•传递多个参数•functionsubname(p1,p2){}•返回值•functionsubname(p1){returnp1;}函数的调用•subname();函数与函数之间调用是否定义在函数内和外注意函数名字不能和变量名字一样•Javascript不支持方法重载福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LT=“12.3”y=parseInt(x)y=12X=“12.3”y=parseFloat(x)y=12.3X=“3*4”y=eval(x)y=12福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd特殊运算符new构造一个对象实例typeof判断var变量的类型，返回字符串;类型有objectstringnumber等vars1=“java”alert(typeof(s1))结果：Stringvoid(了解)执行一个程序语句;例如：ahref=“javascript:void(n++)”void执行/a福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd运算符号赋值运算=，+=,算术运算+,-，*，/，%(取余),++,--逻辑运算&&,||,!关系运算==,!=,,,=,,=福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd语句语法-选择语句单向选择结构if(条件){语句;}双向选择结构if(){}else{}if(){}elseif(){}elseif(){}else{}多向选择结构switch(表达式){case条件1：语句1break;default：语句}福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd语句语法-循环语句循环结构：记数循环for(vari=1;i=10;i++){}条件循环while(条件){}do…while嵌套循环for(varI=1;I=9;I++){for(varj=1;j=9;j++){document.write(I+”*”+j+”=”+I*j+”br);}}福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd对象的类别客户端对象：navigator：该对象包含有关访问者浏览器的信息window：它表示浏览器窗口。所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。默认可以省略。核心对象：String：字符串对象Array：数组对象Date：日期对象Math：数学函数对象Number：数字对象function：函数对象(自定义)福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd对象window代表浏览器窗口的对象相关方法及属性:设置状态栏window.status=“国科科技”;//IE状态栏，其他浏览器不支持定时器(1毫秒后执行a()函数)window.setTimeout(“a()”,1);间隔器(每隔1毫秒后执行一次a()函数)window.setInterval(“”,1);福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LTMoreexcitingwaitforustocreate!Copyright©2014FuJianGokTech.Co.,Ltd数组的定义使用一维数组：vara=newArray(19);vararr=[1,2,4,5,7];vara=newArray()可以改变数组的大小。vara=newArray(1,2,3,4,5)vara=newArray(“a”,”b”,”c”)通过a[i]来访问数组中的元素。二维数组：(定义[2][3]二维数组)Vara=newArray(2);a[0]=newArray(3);a[1]=newArray(3);福建国科信息科技有限公司FUJIANGOKTECHTECHNOLOGYCO.,LT数组属性或方法属性或方法说明length数组元素个数join(分隔符)将数组元素中加分割符号后串接并返回一个字符串reverse()将数组元素按照原先相反位置存放slice(始[,终)返回一个子数组sort()按