基础与核心对象

1、JavaScript基础与核心对象,回顾,HTML框架标记 CSS相关概念及作用 如何在网页中引入CSS CSS基本语法(定义规则) 选择器分类 常用样式 三种定位 浮动 盒子模型(margin（元素和元素之间） padding(内容和自己的所在的元素之间)）,本章目标,JavaScript相关概念及作用 如何在网页文件中引入JavaScript JavaScript基本语法 变量的定义 函数的定义 语句:条件,循环等 JavaScript内建对象 String,Array,Date,Window,相关概念及作用,JavaScript 是一种解释型的、基于对象的脚本语言。JavaScript

2、是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型; JavaScript程序是语句的集合。 javascript作用: 运行于浏览器上,用于产生动态效果及客户端验证,在网页引用JavaScript,JavaScript作为客户端程序嵌入网页有三种方式: 方式一：使用script标记 方式二：使用外部文件 【一般不推荐】方式三：直接在HTML标记中(事件处理程序中使用JavaScript) Onclick=“test()” 那我们具体选择选择哪种方式？ 1代码量比较大或者公共部分的一般使用第二种 2代码量比较少并且不共用一般使用第一种,引用javascript示例, alert(

3、欢迎光临!); ,基本语法-变量的定义,JavaScript变量通常称之为弱变量;因为JavaSctipt是一种宽松的脚本语言;JavaScript中变量可以不用预先定义而直接使用。 变量的定义(声明) var 变量名1,变量名2; 或 var 变量名1=值1,; 变量的命名规则 由字母、数字、美元符号、下划线组成。 变量名的第一个字母不能是数字。其后的字符，可以是英文字母，数字，和下划线符号符号_ 变量名不能是Javascript的保留字(参见JavaScript保留字)。,JavaScript关键字与保留字,变量作用域,/局部变量；全局变量； var abc1=123; /全局变量；从定义

4、处开始整个页内都有效 function aaaaa() var abc2=456; /局部变量；只在函数内部有效 alert(abc2); alert(abc2);/出错;局部变量 alert(abc1); /可以用,全局变量 ,JavaScript数据类型,数值型number 可为整数或浮点数 字符串型string 用于保存文本数据 布尔型boolean 只能是true或false 对象型object 例如document、window、date等对象 函数function 为内置函数或用户自定义函数。 通过关键字typeof测试变量的数据类型 格式typeof(变量名),函数的定义,函数编

5、写格式： 不传递参数 function subname() 传递参数 function subname(p1) 传递多个参数 function subname(p1,p2) 返回值 function subname(p1)return p1; 函数的调用 subname(); 函数与函数之间调用 是否定义在函数 内 和 外 注意函数名字不能和变量名字一样 Javascript不支持方法重载,JavaScript数据类型转换,parseInt 将字符串转为整数 parseFloat 将字符串转为浮点数 eval 将表达式字符串转为表达式的结果 X=“12.3” y=parseInt(x) y=1

6、2 X=“12.3” y=parseFloat(x) y = 12.3 X=“3*4” y=eval(x) y=12,特殊运算符,new 构造一个对象实例 typeof 判断var变量的类型，返回字符串; 类型有object string number等 var s1 = “java” alert(typeof(s1) 结果：String void(了解) 执行一个程序语句; 例如：void执行,运算符号,赋值运算 =，+=, 算术运算 +,-，*，/，%(取余),+,- 逻辑运算 双向选择结构 if()else if()else if()else if()else 多向选择结构 switch

7、(表达式) case 条件1： 语句1 break; default： 语句 ,语句语法-循环语句,循环结构： 记数循环for(var i=1;i); ,对象的类别,客户端对象： navigator：该对象包含有关访问者浏览器的信息 window：它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 默认可以省略。 核心对象： String：字符串对象 Array：数组对象 Date：日期对象 Math：数学函数对象 Number：数字对象 function：函数对象(自定义),window对象,window代表浏览器窗口的对象相关方法及属

8、性: 设置状态栏 window.status=“国科科技”;/IE 状态栏，其他浏览器不支持 定时器 ( 1毫秒后执行a()函数 ) window.setTimeout(“a()”,1); 间隔器 (每隔1毫秒后执行一次a()函数 ) window.setInterval(“”,1);,Array 数组的定义使用,一维数组： var a = new Array(19); var arr = 1,2,4,5,7; var a = new Array()可以改变数组的大小。 var a = new Array(1,2,3,4,5) var a = new Array(“a”,”b”,”c”) 通过ai来访问数组中的元素。 二维数组： (定义23二维数组) Var a=new Array(2); a0=new Array(3); a1=new Array(3);,数组属性或方法,string对象方法和属性,Date日期对象,Date日期格式化,Javascript本身没有实现日期格式化的函数 借助外部的js插件来实现日期格式化 导入dateFormat.js /y,M,d,H/h,m,s,S 示例代码 var sdate = date.format(yyyy-MM-dd); var stime = date.form