168输出为861java_传智168期JavaEE就业班 day03-js

* 课程回顾：

* CSS

* CSS的简介

* 层叠样式表。

* CSS与HTML的结合(4种)

* HTML的标签提供了属性style="CSS的代码"

* HTML提供了标签放在

中间

* 引入外部的文件

@import url("CSS文件的地址");写在

* 通过html的标签

* 优先级：一般情况下从上到下，由外到内，优先级从低到高的。

特殊情况下标签选择器 < 类选择器 < ID选择器 < style属性

* CSS的选择器

* 基本选择器

* 标签名选择器

* div{CSS}

* 类选择器

* 有一个标签，提供了class属性

* .值{CSS}

* ID选择器

* 有一个标签，提供了class属性

* #值{CSS}

* 扩展选择器

* 关联选择器

* 中间使用空格例子：div font{CSS}

* 组合选择器

* 不同的选择器有相同的样式例子：.haha,#hehe{CSS}

* 伪元素选择器

* CSS提供了一些选择器。

* CSS的布局

* JS

* js的简介

* js基于对象和事件驱动的脚本语言，作用客户端上。

* 特点：

* 交互性

* 安全性

* 扩平台性

* js与java不同

* js基于对象，java面向对象

* js解析就可以执行，java先编译再执行

* js是弱类型的语言，java是强类型的语言。

* js的组成

* ECMAScript

* BOM

* DOM

* js的语法

* 关键字var function

* 标示符

* 注释// /**/

* 变量

* var 声明变量

* js的基本数据

String 字符串类型

* var str = "abc"; var str = 'abc';

Number数字类型

* 不区分整数和小数

Boolean布尔类型

Null空

Undefined未定义(声明没有赋值)

* typeof()判断变量的类型

* js的运算符

alert(true + 1);//2

==比较值

===比较值和类型

* js的语句

if(num == 4){

alert("ss");

}

for(var i=0;i<4;i++){

document.write("str"+"
");

}

* js的数组

* 声明数组两种方式

var arr = [22,33];

var arr = new Array(4);长度

var arr = new Array(4,5);元素

* length数组的长度

* js的函数

* 声明函数function

function 函数名称(参数列表不能使用var关键字){

函数体;

return;返回值没有可以不写

}

function getSum(){

return 100;

}

var sum = getSum;

sum();

=======================================================================================================================

* js的动态函数和匿名函数

* js的动态函数和匿名函数

* 动态函数

function getSum(){

return 50;

}

js提供了内置对象Function

* 匿名函数

* 没有名称的函数

* js的全局变量和局部变量

* 全局变量：在

* 局部变量：在函数的内部定义的变量，局部变量。

* javascript的对象和API

* String 对象

* 声明

var str = "abc";

var str = new String("abc");

* 属性：length：字符串的长度

* 方法：

* 和HTML相关的方法(书写没有提示的)

* bold()使用粗体显示显示字符串

* fontcolor(color)参数是必须的，设置字体的颜色

* fontsize(size)设置字体的大小(1-7)

* italics()斜体

* link(url)设置链接

* sub()下标

* sup()上标

* 和java中String对象类似的(*****)

* charAt(index)返回指定位置的字符

* indexOf(str,fromIndex)检索字符串，没有返回-1

* lastIndexOf(str,fromIndex)从后向前检索字符串

* replace(要替换的字符串,替换成啥)

* substring(start,stop)截取字符串

* substr(start,length)截取字符串，从哪开始，截取多长

* 定义一个方法：可以去掉字符串两边的空格。

var str = " ab c ";

var newStr = mytrim(str);

newStr = "ab c";

* String 对象

* 声明

var str = "abc";

var str = new String("abc");

* 属性：length：字符串的长度

* 方法：

* 和HTML相关的方法(书写没有提示的)

* bold()使用粗体显示显示字符串

* fontcolor(color)参数是必须的，设置字体的颜色

* fontsize(size)设置字体的大小(1-7)

* italics()斜体

* link(url)设置链接

* sub()下标

* sup()上标

* 和java中String对象类似的

* charAt(index)返回指定位置的字符

* indexOf(str,fromIndex)检索字符串，没有返回-1

* lastIndexOf(str,fromIndex)从后向前检索字符串

* replace(要替换的字符串,替换成啥)

* substring(start,stop)截取字符串

* substr(start,length)截取字符串，从哪开始，截取多长

* Array对象

* 声明数组

var arr = [12,33];

var arr = new Array(4,4);

* Array对象

* 声明数组

var arr = [12,33];

var arr = new Array(4,4);

* 属性：length：长度

* 方法：

* concat(元素，数组);返回新的数组

* join(s)通过s标识(-)，进行分隔，返回字符串

* pop()删除末尾的元素，返回最后一个元素

* push()向末尾添加元素，返回新数组的长度

* sort()排序的方法

* Date日期对象

var date = new Date();当前的日期

* Date日期对象

var date = new Date();当前的日期

* toLocaleString()转换本地的日期格式

* toLocaleDateString()只包含日期

* toLocaleTimeString()只包含时间

* getDate()返回一个月中的某一天(1-31)

* getDay()返回一周中的某一天(0-6)

* getMonth()返回月份(0-11)+1

* getFullYear()返回年份

* getTime()返回毫秒数

* setTime()通过毫秒数获取日期

* var date3 = new Date(1415937050973);

* parse(str)解析字符串，返回毫秒数

Date.parse(str);

str：

2014-11-14解析不了

11/14/2014可以解析

2014,11,14可以解析

* Math 和数学相关的对象

* math对象(静态的方法)

* ceil(x)上舍入

* floor(x)下舍入

* round(x)四舍五入

* random()0-1的随机数

* RegExp对象

* 正则表达式对象

* 应用：编写注册的表单，对表单输入的内容进行校验。

* var reg = new RegExp("表达式");(开发中不经常使用)

* var reg = /表达式/开发中经常使用

* var reg = /^表达式$/开发中经常使用

* exec(string)不经常使用

* 如果匹配，返回匹配的结果

* test(string)经常使用

* 如果匹配，返回是true，如果不匹配，返回是false

if(reg.test("abc")){

// 匹配上了

}else{

}

* 全局函数

* 使用全局函数，不需要任何的对象。

* 全局函数可以拿过来使用。

* global帮着管理全局函数。

* 全局函数

* eval()可以解析字符串，执行字符串中间的js代码

* isNaN()判断是否是非数字值

* parseInt()解析字符串，返回整数

* encodeURI()进行编码

* decodeURI()解析解码

* encodeURIComponent()

* decodeURIComponent()

* escape()

* unescape()

* BOM浏览器对象模型

* (Brower Object Model)

Window 窗口对象(*****)

Navigator 和浏览器版本相关的对象(**)

Screen 和屏幕相关的对象(-*)

History 和浏览器历史相关(**)

Location 和浏览器地址相关的对象(***)

Document文档对象

Window 窗口对象(*****)

Navigator 和浏览器版本相关的对象(**)

* userAgent获取浏览器的相关的信息

* window.navigator.userAgentwindow可以省略不写

Screen 和屏幕相关的对象(-*)

History 和浏览器历史相关(**)

* back()返回上一个页面

* forward()去下一个页面

* go()

* 传参数go(1)等于forward()

go(-1)等于back()

Location 和浏览器地址相关的对象(***)

* href获取和设置浏览器的路径(***)

* 事件

* onclick点击事件

* 值的写法：

* document对象

* alert()弹出提示框

* confirm("参数")询问框

* 提供俩按钮，确定和取消

* 如果点击是确定，返回true，如果点击取消，返回false

* moveBy()移动浏览器

* setInterval("函数",毫秒值)定时相关的

* 每隔毫秒值执行一次函数

* 返回唯一的id值

* setTimeout("函数",毫秒值)

* 到了毫秒值后执行一次函数

* 返回唯一的id值

* 清除定时

clearInterval(id的值)

clearTimeout()

* close()关闭浏览器的窗口

* open()打开浏览器窗口

* 属性：

* opener 返回对创建此窗口的窗口的引用。

* win open()弹出baidu的窗口

在baidu窗口中 baidu.opener得到了win的引用。

* document对象方法

* document.getElementById("nameId"); 获取到是input标签的对象

* DOM文档对象模型