东软javascript培训分解课件.ppt

1、1实用页面设计方法实用页面设计方法JavaScript2第一章：第一章：JavaScript简介简介目标目标:本章旨在向学员简要介绍本章旨在向学员简要介绍JavaScriptJavaScript的相关概念及核心功能的相关概念及核心功能，通过本课的学习，学员应该掌握，通过本课的学习，学员应该掌握如下知识：如下知识：1 1）了解）了解JavaScriptJavaScript的基本概念的基本概念2 2）了解）了解JavaScriptJavaScript的核心功能的核心功能31.1 JavaScript简介简介JavaScript基于对象的脚本语言解释执行代码以纯文本形式存储类型宽松Netscape公

2、司和Sun公司联手完成41.2 JavaScript功能功能JavaScript功能现今WEB上应用最为广泛的客户端脚本，可以处理从表单数据的确认到创建负责用户界面的各种任务：表单确认页面修饰以及特殊效果导航系统基本数学运算动态文档生成51.3 JavaScript历史历史JavaScript历史JavaScript语言本身和Java语言没有任何关系1995年首次出现，主要处理一些输入的有效性验证，可以直接在客户端处理61.4 JavaScript特点特点JavaScript特点脚本编写基于对象简单安全动态跨平台71.5 嵌入使用嵌入使用在HTML中嵌入JavaScript代码1、在页面中嵌入

3、script代码：可嵌入到任何位置，建议在head标记中2、在标记中嵌入script代码响应标记的某个事件JavaScriptExample.html81.5 嵌入使用嵌入使用-示例示例document.writedocument.write(这是以这是以JavaScriptJavaScript印出的！印出的！););document.writedocument.write(););body alert(aalert(a);/);/先执行，然后才触发先执行，然后才触发onloadonload代码；代码；varvar d=new Date();d=new Date();varvar time=t

4、ime=d.getHoursd.getHours();();if(timeif(time 10)document.write(Good morning);10)document.write(Good morning);elsedocument.writeelsedocument.write(Good day);(Good day);91.6 引入使用引入使用引入外部的引入外部的JavaScript代码代码多个页面使用相同的JavaScript代码将共用代码保存在以.js为扩展名的文件中在页面中使用src属性引入外部文件JavaScriptExternal.html101.6 引入使用引入使用-

5、示例示例script language=JavaScript 我是我是bodybody的内容的内容111.7 不支持不支持JavaScript的处理的处理不支持JavaScript的浏览器处理将JavaScript代码隐藏使用JavaScriptHide.html121.7 不支持不支持JavaScript-示例示例Old BrowsersOld Browsersscript Language=JavaScript type=text/!-!-Hiding JavaScript from Older BrowsersHiding JavaScript from Older Browsersdo

6、cument.writedocument.write(Welcome to NEU!);(Welcome to NEU!);/Stop Hiding JavaScript from Older Browsers/Stop Hiding JavaScript from Older Browsers/-/-13第二章：第二章：JavaScript基本语法基本语法目标目标:本章旨在向学员介绍本章旨在向学员介绍JavaScriptJavaScript的的基本语法，通过本课的学习，学员基本语法，通过本课的学习，学员应该掌握如下知识：应该掌握如下知识：1 1）了解）了解JavaScriptJavaScri

7、pt的语法的语法2 2）了解）了解JavaScriptJavaScript的变量命名、的变量命名、转义字符等转义字符等142.1 语法语法JavaScript语法区分大小写变量 myTest、myTEST是不同的变量变量是弱类型行结尾加分号大括号表明代码块注释通用简单在浏览器中逐条解释执行，如果某条语句出现错误，后面的语句将不能执行。152.2 注释注释注释单行：/这是注释的内容块注释：/*/*这是多行注释的内容；可以跨越多行；*/162.3 特殊字符特殊字符特殊字符在字符串中插入特殊字符如 “和 等使用+特殊字符 实现如：You&I sing“Happy Birthday”.代码如下：doc

8、ument.write(“You&I sing”Happy Birthday”.”)172.4 常量常量/变量变量常量JavaScript中没有常量概念通常指直接在代码中给定的值var a=3.1415926;var b=“hello”;变量保存程序中的临时值，可被后面的脚本使用弱类型182.5 变量声明变量声明变量声明var在使用变量前声明var mytest;可以声明的同时赋值var mytest=“This is a book”;同时声明多个变量（不建议）var a,b=1,c;192.6 变量命名变量命名变量命名以字母、下划线（_）或美元符号（$）开头余下的字符可以是下划线、美元符号或

9、任何的字母、数字最长为255个字符不能有空格，大小写敏感不能使用JavaScript中的关键字或保留字命名202.7 JavaScript保留字（一）保留字（一）break delete function return typeof case do if switch var catch else in this void continue false instanceof throw while debugger finally new true with default for null try 212.7 JavaScript保留字（二）保留字（二）abstract double got

10、o native static boolean enum implements package super byte export import private synchronized char extends int protected throws class final interface public transient const float long short volatile 222.8 变量类型（了解）变量类型（了解）变量类型五种原始类型Undefined-未定义类型未被赋值的变量，值为undefinedString-字符串类型值用引号括起来Boolean-布尔类型值为tr

11、ue/falseNull-空类型值为null，尚不存在的对象Number-数字类型NaN.html任何数字（NaN也是number类型，表示“非数”）可以使用 typeof(object)来获取object的类型；后面对typeof有详细介绍。232.9 类型转换类型转换类型转换JavaScript是弱类型语言，变量的类型对应于其值的类型可以对不同类型的变量执行运算，解释器强制转换数据类型，然后进行处理如：运算运算结果结果数值与字符串相加将数值强制转换为字符串。布尔值与字符串相加将布尔值强制转换为字符串。数值与布尔值相加将布尔值强制转换为数值。242.9 类型转换类型转换字符串-数值StrTo

12、Number.htmlparseInt(var)parseFloat(var)Number(var)注意：parseInt方法和parsefloat方法只对string类型有效，且需要是数字开头的字符串如：parseInt(“100”);252.10 语句语句语句区分大小写语句由一个或多个表达式、关键字或运算符组成多条语句可以写在同一行上，之间使用分号隔开单独一行中只有一条语句，可以省略分号但是我们要求，每行结尾必须加分号262.11 运算符运算符运算符赋值运算符数学运算符比较运算符逻辑运算符272.11.1 赋值运算符赋值运算符运算符运算符示例示例说明说明=x=y;把变量y的值赋给x+=x+

13、=y;x=x+y;-=x-=y;x=x-y;*=x*=y;x=x*y;/=x/=y;x=x/y;282.11.2 数学运算符数学运算符运算符运算符说明说明示例示例+如果操作数都是数字时执行加法运算，如果其中的操作数有字符串时，会执行连接字符串的作用A=5+8/结果是13A=5+8/结果是58-减法A=8 5*乘法A=8*5/除法A=20/5%取余-相除之后的余数10%3=1+一元递增。此运算符只计算一个操作数，将操作数的值加1。返回的值取决于+运算符是位于操作数之前还是位于操作数之后。+x返回递增后的x值x+返回递增前的x值-一元递减。此运算符只计算一个操作数。返回的值取决于-运算符是位于操作

14、数之前还是位于操作数之后-x返回递减后的x值x-返回递减前的x值-一元求反。此运算符返回操作数的相反数 如果a等于5，则-a=-5292.11.3 关系运算符关系运算符运算符运算符说明说明示例示例=等于。如果两个操作数相等，则返回Truea=b!=不等于。如果两个操作数不等，则返回TrueVar2!=5大于。如果左操作数大于右操作数，则返回TrueVar1 var2=大于或等于。如果左操作数大于或等于右操作数，则返回TrueVar1=5Var1=var2小于。如果左操作数小于右操作数，则返回TrueVar2 var1=小于或等于。如果左操作数小于或等于右操作数，则返TrueVar2=4Var2

15、=18)?adult:minor332.12 异常捕获（了解）异常捕获（了解）try/catchtry_catch.htmltry/代码catch(e)/处理finally34第三章：第三章：流程控制和函数流程控制和函数目标目标:本章旨在向学员介绍本章旨在向学员介绍JavaScriptJavaScript的的流程控制和函数，通过本课的学习流程控制和函数，通过本课的学习，学员应该掌握如下知识：，学员应该掌握如下知识：1 1）了解）了解JavaScriptJavaScript的流程控制的流程控制2 2）了解函数构成，可以使用函数）了解函数构成，可以使用函数实现基本功能实现基本功能353.1 流程控

16、制流程控制JavaScript语言构成主要由控制语句、函数、对象、方法、属性等来实现编程控制语句条件语句ifswitchfor循环语句while循环语句break和continue语句363.1.1 条件语句条件语句-ifif条件语句js_if.html373.1.2 条件语句条件语句-switchswitch条件语句js_switch.html383.1.3 循环语句循环语句-forfor循环语句js_for.html393.1.4 循环语句循环语句-whilewhile循环语句js_while.htmldowhile循环语句403.1.5 break/continuebreak语句让执行语

17、句从循环语句或其它程序块中跳出continue语句让执行语句跳过本次循环的剩余语句进入下一次循环413.2 函数函数JavaScript函数完成某个功能的一组语句，把常用的功能写成一个函数定义函数function关键字函数名称参数列表函数体423.2.1 arguments对象对象arguments对象arguments.html函数可以接受任意个数的参数，通过arguments来访问如：function sayHi()if(arguments1!=Hello)alert(arguments0);elsealert(arguments1);alert(arguments.length);/返回

18、参数个数调用：sayHi(111,Hello);433.2.2 函数使用（一）函数使用（一）普通调用JavaScriptFunction.html带参数调用myFunction(arg1,arg2,etc)无参数调用myFunction()443.2.3 函数使用（二）函数使用（二）链接调用JavaScriptFunctionLink.html在链接中调用函数用户点击链接后，即调用该函数453.2.4 函数使用（三）函数使用（三）事件触发调用JavaScriptFunctionTrigger.html由事件触发调用函数其它内部函数Number()、parseInt()、parseFloat()

19、将数字字符串转换为数字如果转换失败，则返回“NaN”isNaN()判断是否不是数字eval()把字符串当作JavaScript表达式来执行eval(“2+3”)461、做一个乘法表JavaScriptExercise.html在网页上用javascript函数，在网页上打印出乘法九九表。1*1=11*2=2 2*2=4.1*9=9 2*9=18.9*9=813.2.5 练习一练习一472、JavaScriptExerciseTwo.html使用prompt(”,”)获取用户输入的字符串，直到实现输入“STOP”时停止。并打印所有的输入：其他字符使用红色字体输出，“STOP”使用蓝色字体输出。p

20、rompt()的使用如下：var inputStr=prompt(请输入一串字符,“default);alert(inputStr);3.2.6 练习二练习二48第四章：第四章：JavaScript对象对象目标目标:本章旨在向学员介绍本章旨在向学员介绍JavaScriptJavaScript的的对象，通过本课的学习，学员应该对象，通过本课的学习，学员应该掌握如下知识：掌握如下知识：1 1）了解）了解JavaScriptJavaScript对象的概念对象的概念2 2）了解）了解ArrayArray、DateDate、MathMath、StringString对象对象3 3）会创建自己的对象）会创

21、建自己的对象494.1 对象对象JavaScript对象属性（properties）描述对象的外观特征用“.”把属性和对象连接起来方法（methods）描述对象的行为动作用“.”连接504.2 对象创建及废除对象创建及废除对象创建使用new关键字来创建对象var oObject=new Object();var oStringObject=new String();如果构造函数无参数，则不必加括号对象废除不必专门销毁对象来释放内存当没有针对该对象的引用时，被自动废除把对象的所有引用设置为null时也可以废除对象514.3 JavaScript内部对象内部对象常用的内部对象ArrayDateMa

22、thString524.3.1 Array对象对象数组对象数组是一组变量的有序集合通过数组索引来使用一个变量创建数组新建一个长度为0的数组var array_name=new Array();长度为100的数组var array_name=new Array(100);新建一个指定长度的数组，并赋初值var array_name=new Array(“red”,”green”,1,2,3);数组长度不固定，赋值即可改变长度（动态）534.3.1.1 赋值赋值数组的使用赋值直接赋值tmpArray0=“value1”;tmpArray1=“value2”;通过for循环赋值for(var i=0

23、;itmpArray.length;i+)tmpArrayi=“2000”+i;数组的主要属性length返回数组长度的整数值544.3.1.2 取值取值数组的使用取值直接使用document.write(tmpArray0);通过for循环取值同赋值的for循环或者 forin循环（了解即可）for(var i in book)document.write(book+i+booki +);554.3.1.3 Array-示例示例-Array.html/Create an Array object/Create an Array object varvar book=new Array(6);

24、book=new Array(6);/Assign values to its elements/Assign values to its elementsbook0=War and Peace;book0=War and Peace;book1=Huckleberry Finn;book1=Huckleberry Finn;for(varfor(var i in book)i in book)document.write(bookdocument.write(book+i+i+bookibooki +););564.3.1.4 Array-应用应用-ArraySim.htmlvarvar c

25、olors=new colors=new Array(redArray(red,green,bluegreen,blue,purple);purple);for(varfor(var i in colors)i in colors)document.writedocument.write(font color=+();+);document.write(colorsdocument.write(colors+i+=+i+=+colorsicolorsi+););574.3.1.5 Array对象的常用方法对象的常用方法concat返回一个新数组；由两个或者更多数组组合而成var newArra

26、y=tmpArray.concat(tmpArray)join返回字符串；由数组中的所有元素连接到一起，元素间的间隔符由参数指定，省略参数则用逗号分隔var newString=tmpArray.join(“.”)reverse返回一个新数组；由原来的数组反转而成var newArray=tmpArray.reverse();584.3.1.5 Array对象的常用方法对象的常用方法pop移除数组中的最后一个元素并返回该元素var newString=tmpArray.pop()push给数组中增加新元素，并返回数组的新长度var newLength=tmpArray.push(“a”,”b”

27、)shift移除数组中的第一个元素并返回该元素var newString=tmpArray.shift()594.3.1.5 Array对象的常用方法对象的常用方法slice返回一个新数组，为原数组中的一段var newArray=tmpArray.slice(1，3)sortArraySortNew.html返回一个排序后的新数组var newArray=tmpArray.sort()toString返回将Array中的元素转为由逗号分隔的字符串var newString=tmpArray.toString()604.3.2 Date对象对象Date对象可以用来表示任意的日期和时间，获取当前

28、系统日期以及计算两个日期的间隔给出星期、月份、天数、年份、小时、分钟和秒表示的时间要使用new运算符创建一个新的Date对象614.3.2.1 Date对象的构造方法对象的构造方法构造方法参数说明实例NONE（空）创建当前日期对象var rightNow=new Date();yyyy,mm,dd 根据年月日来创建日期对象var birthDay=new Date(1970,2,24);yyyy,mm,dd,hh,mm,ss,ms 根据年月日时分秒创建日期对象var birthDay=new Date(1970,2,24,15,0,25,0);yyyy/mm/dd根据年月日创建日期对象var

29、date=new Date(1982/12/14);624.3.2.2 创建创建Date对象对象必须用New运算符创建一个实例var date=new Date(“July 4,2004,6:25:22”)var date=new Date(“July 4,2004”)var date=new Date(2004,7,4,6,25,22)/2004年8月4日var date=new Date(2004,7,4)/2004年8月4日var date=new Date(“2004/7/4”)var date=new Date(Milliseconds)var date=new Date();如上面

30、语句，当不指定参数时，会创建一个表示当前系统时间的对象634.3.2.3 Date对象的对象的get方法方法Date方法date.htmlDate没有直接访问的属性，只有获取和设置的方法获取日期和时间的方法getYear()：返回年数；（小于2000年返回两位）getFullYear()：返回年数；getMonth()：返回当月号数；（比实际小1）getDate()：返回当日号数；getDay()：返回星期几；（0表示星期日）getHours()：返回小时数；getMinutes()：返回分钟数；getSeconds()：返回秒数；getTime()：返回毫秒数；644.3.2.4 Date对

31、象的对象的set方法方法Date方法设置日期和时间的方法setYear()：设置年数；setMonth()：设置当月号数；（set7表示8月）setDate()：设置当日号数；setDay()：设置星期几；setHours()：设置小时数；setMinutes()：设置分钟数；setSeconds()：设置秒数；setTime()：设置毫秒数；654.3.2.5 其它方法（了解）其它方法（了解）Date的To方法Date的Parse和UTC方法方方 法法说说 明明Date.parse(date string)用日期字符串表示自 1970 年 1 月 1 日以来的毫秒数 Date.UTC(yea

32、r,month,day,hours,min.,secs.)Date 对象中自 1970 年 1 月 1 日以来的毫秒数 方方 法法说说 明明 toGMTString使用格林威治标准时间(GMT)数据格式将 Date 对象转换成字符串表示toLocaleString使用当地时间格式将 Date 对象转换成字符串表示664.3.2.6 Date对象对象-练习练习Date练习date_exercise.html计算2025年的圣诞节是星期几，距我们现在的时间还有多少毫秒，距今天还有多少天？110254121000毫秒对应的日期（以 yyyy-MM-dd hh:mm:ss格式显示）思路：先获取2025

33、年圣诞节的日期对象，再获取当前时间的日期对象，两者相减即获得毫秒数；可以根据毫秒数计算天数；PS：var a=1.5;Math.ceil(a);/对a取整，会返回2674.3.3 Math对象对象Math对象math.html全局对象使用时不需要创建实例Math对象的属性属性说明LN10(10的自然对数)PI(3.1415926.)SQRT1_2(1/2的平方根)684.3.3 Math对象的方法对象的方法方法说明abs(x)返回x的绝对值 ceil(x)返回大于等于x的最小整数 exp(x)返回e的x次方 floor(x)返回小于等于x的最大整数 round(x)舍入到最近整数,(小于或等于

34、0.5小数舍去)sqrt(x)返回x的平方根 random()随机数，产生的伪随机数介于 0 和 1 之间（含 0，不含 1)694.3.4 String对象对象String对象和原始字符串类型对应的内置对象声明字符串：string.htmlvar string_name=“string of text”;var string_name=new String(“string of text”)属性length：返回String对象的长度704.3.4 String对象的方法对象的方法方法说明charAt(i)返回指定索引位置处的字符charCodeAt(i)返回一个整数，代表指定位置上字符的

35、Unicode 编码concat(str)连接字符串indexOf(str)返回 String 对象内第一次出现子字符串的字符位置（注意：从左至右查找，返回整数值）lastIndexOf(str)返回 String 对象中子字符串最后出现的位置replace(str1,str2)返回将str1替换为str2后的字符串714.3.4 String对象的方法对象的方法方法说明slice(start,end)返回字符串中起始位置为start,结束位置为end(不包括end)的子字符串split(separator,limit)将字符串以separator作为分割符切割成多个子字符串，并将他们作为一个

36、数组返回；如果有limit参数则返回数组的limit个元素substr(start,length)返回一个从指定位置开始的指定长度的子字符串substring(start,end)返回一个指定位置之间的子字符串，不包括endtoLowerCase返回一个字符串，字符串中的字母被转换为小写字母toUpperCase跟上边的相反72一、定义一个字符串，然后对字符串操作所有String对象的方法。如：var tmpString=123456789,abcdefgABCDEFG,a;StringExercise.html（说明：这里不做了，课堂演示）二、定义一个函数，功能是去除字符串开头及末尾的空格如

37、：10个空格abc2空格def6空格，返回：abc2空格defStringTrim.html思路：使用charAt和substring去除头尾的空格；（掌握此方法）4.3.4 String练习练习734.4 定义对象（了解）定义对象（了解）创建自己的对象在JavaScript中可以使用构造函数Object()来创建自己的对象var newObject=new Object;744.4.1 工厂方法（一）工厂方法（一）-无参数（了解无参数（了解）无参数工厂函数function createCar()var oTempCar=new Object;oTempCar.color=“red”;oTem

38、pCar.doors=4;oTempCar.showColor=function()alert(this.color);return oTempCar;使用：var oCar=creatCar();754.4.1 工厂方法（二）工厂方法（二）-有参数（了解）有参数（了解）有参数工厂函数function createCar(sColor,iDoors)var oTempCar=new Object;oTempCar.color=sColor;oTempCar.doors=iDoors;oTempCar.showColor=function()alert(this.color);return oT

39、empCar;使用：var oCar=creatCar(“red”,4);764.4.2 构造函数（了解）构造函数（了解）构造函数构造函数内部不创建对象，而是使用this关键字function Car()this.color=“red”;this.doors=4;this.mpg=23;this.showColor=function()alert(this.color);使用 var oCar=new Car();774.4.3 原型方式（了解）原型方式（了解）对象的原型属性prototype.html使用prototype来扩展对象Object.prototype.method=functi

40、on;784.4 操作对象操作对象使用with语句在with语句体内，任何对变量的引用都被认为是这个对象的属性with(object)直接使用对象的属性/方法如：默认：document.write(Math.cos(35);使用with：with(Math)document.write(cos(35);document.write(sin(35);79第五章：对象模型第五章：对象模型目标目标:本章旨在向学员介绍本章旨在向学员介绍JavaScriptJavaScript对对象模型的概念，通过本课的学习，象模型的概念，通过本课的学习，学员应该掌握如下知识：学员应该掌握如下知识：1 1）了解浏览器对

41、象模型）了解浏览器对象模型2 2）了解）了解WindowWindow、DocumentDocument、HistoryHistory、LocationLocation等对象等对象805.1 浏览器对象模型浏览器对象模型浏览器对象模型-BOM提供独立于内容而与浏览器窗口进行交互的对象815.1 浏览器对象模型浏览器对象模型Window窗口对象窗口对象location地址对象地址对象document文档对象文档对象form表单对象表单对象window.document.myForm.text1825.2 window对象对象window对象整个BOM的核心，是顶层对象在使用框架时，每个框架都由它自

42、己的window对象表示Window objectFrames0Frames1Frames2835.2.1 操作窗口操作窗口window对象提供了多个操作窗口的方法使用：window.moveBy(20,20);方法方法示例示例说明说明moveBymoveBy(20,20)将窗口向右向下移动20像素moveTomoveTo(0,0)将窗口移动到左上角resizeByresizeBy(15,10)将窗口相对增大15*10resizeToresizeTo(450,350)将窗口大小改为450*350845.2.2 打开新窗口打开新窗口打开新窗口window.open()方法三个参数要载入新窗口的页

43、面的URL新窗口的名字特性字符串使用：var winObj=open(house.jpg,house_1,width=500,height=300,scrollbars=no);示例：windowOpen.html、windowMove.html说明：如果提示权限不足，可以把文件拷贝到Tomcat中，通过IE访问服务器的文件。855.2.2 打开新窗口打开新窗口特性字符串，使用逗号分隔特性特性值值对窗口的影响对窗口的影响directoriesyes/no 或 1/0是否有地址栏按钮height整数值窗口高度，大于100locationyes/no 或 1/0是否有地址栏menubaryes/n

44、o 或 1/0是否菜单栏resizableyes/no 或 1/0是否可以更改窗口大小scrollbarsyes/no 或 1/0是否有滚动条statusyes/no 或 1/0是否有状态栏toolbaryes/no 或 1/0是否有工具栏width整数值窗口宽度，大于10086练习：在原来页面的基础上打开新窗口，要菜单栏和状态栏，大小默认（500，300）；然后在原页面中设置4个按钮，分别可以控制新窗口改变大小和移动（前面的4个方法）；按钮的单击事件（仅供参考）：windowControl.html5.2.3 练习练习87alert()弹出一个提示框使用：alert(“文本字符串”);示例：

45、alert.html5.2.4 与用户交互与用户交互88prompt()弹出可以输入信息的文本框参数：用户输入信息的提示文本框的默认值使用：prompt(message,defaultText);示例：prompt.html5.2.4 与用户交互与用户交互89confirm()弹出对话框，确认信息使用：confirm(message);示例：confirm.html5.2.4 与用户交互与用户交互90setTimeout函数让函数在一定时间内重新执行，递归调用递归调用如果不递归调用则仅执行一次setTimeout(函数名,时间间隔,重复次数);时间间隔：毫秒为单位重复次数：大于0的整数var

46、timeId=setTimeout(hello(),2000);clearTimeout函数清除设置的setTimeout函数clearTimeout(timeId);示例：setTimeOut.html5.2.5 定时执行（一）定时执行（一）91setInterval函数让函数在一定时间内重新执行，外部调用外部调用setInterval(函数名,时间间隔);时间间隔：毫秒为单位var timeId=setInterval(hello(),2000);clearInterval函数清除设置的setInterval函数clearInterval(timeId);示例：setInterval.ht

47、ml5.2.5 定时执行定时执行（二）（二）92练习：使用setTimeout()函数实现在页面显示时钟，实时刷新时间。说明：可以使用文本框来显示时间；function do_test()document.myform.myclock.value=hh:mm:ss;do_test();如：setTimeOut_exercise.html5.2.5 定时执行定时执行-练习练习93状态栏-status窗口底部边界内的区域，向用户显示信息使用window对象的属性设置status的值window.status=“文本字符串”;示例：status.html5.3 状态栏状态栏945.4 history

48、对象对象历史用户访问过的站点的列表属性：length方法：go()、back()、forward()只对已经访问过的页面有效history.go(-3);/向后返回三个访问过的页面histroy.go(3);/向前返回三个访问过的页面back();/与history.go(-1);功能相同forward();/与history.go(1);功能相同955.5 location对象对象location载入窗口的URL属性属性说明说明hash指定浏览器到一个位于文档中的anchor位置（#之后）host描述一个url的主机名和端口hostnameurl的主机名href一个指定对象的整个url字符串

49、pathnameurl的路径名部分由于服务器root（根）卷相关的目录结构组成port端口号protocol包括协议名，后面跟着:965.5 location对象对象location包含有关当前 URL 的信息。方法：location.href=about:blank;/清空页面示例：location.html方法方法说明说明assign(url)把一个新的url赋值给location对象，页面跳转reload()重新加载当前页replace(url)通过加载 URL 指定的文档来替换当前文档975.6 navigator对象（了解）对象（了解）navigatornavigator.html提

50、供用户使用的浏览器及操作系统等信息属性属性说明说明appCodeName浏览器代码名appName浏览器名称appVersion浏览器版本mimeTypesMIME类型（navigator.mimeTypesn.type）platform浏览器操作系统browserLanguage浏览器使用的语言userAgent浏览器用户代理（用户浏览器Header头信息）985.7 screen对象对象screenscreen.html获取用户屏幕信息有以下属性属性属性说明说明width返回屏幕宽度（像素数）height返回屏幕高度availWidth返回屏幕的可用宽度（除去一些不自动隐藏的类似任务栏的东