《javascript从入门到精通》13其他对象.ppt

《《javascript从入门到精通》13其他对象.ppt》由会员分享，可在线阅读，更多相关《《javascript从入门到精通》13其他对象.ppt（20页珍藏版）》请在三一办公上搜索。

1、第13章 其他对象,在前面的章节中，依次介绍了浏览器对象当中的Window对象、frame对象、Document对象、Form对象。但是除此之外，还有几个在编写程序时需要使用的对象。Location对象提供当前浏览器窗口中浏览网页的地址，可以使用Location对象进行锚点链接和调转页面。History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息，并提供用户一些方法，让浏览者可以通过这些方法直接跳转到浏览过的页面。Screen对象提供了有关显示器的信息，代表用户所使用的计算机中所使用的窗口大小及分辨率的设置。Navigator对象，提供显示当前页面的浏览器的信息。在本章中主要讲这几

2、个对象的属性、方法和相应的实例。,本资料由-大学生创业|创业|创业网http:/提供资料在线代理|网页代理|代理网页|http:/减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|http:/,13.1 Location对象,Location对象表示当前浏览器窗口中浏览网页的地址。当浏览器打开一个网页时，浏览器窗口自动创建了一个表示网页地址URL的Location对象。下面了解以下Location对象常用的属性和方法。,13.1.1 Location对象的属性、方法,对Location对象的属性和方法的引用，与其他对象引用属性和方法的语法格式相同：location.属性|方法Wi

3、ndow对象的location属性包含了当前页面的地址(URL)信息，可以直接改变此属性值，将其设置成新的地址(URL)：window.location=URL,13.1.2 输出localtion属性的信息,Location对象表示浏览器的URL地址信息，它的属性分别表示URL地址的不同部分。下面是一个虚拟的URL地址，代码如下所示：http：/:8080/javascript/zhang1/1-1.html?name=user#archor1Location对象属性对于URL地址不同部分：location.protocal：对应URL地址的“http：”部分，表示URL地址所使用的协议部分

4、。location.hostname：对应URL地址的“”部分，表示URL地址所在的域名。location.port：对应URL地址的“:8080”部分，表示服务器所用的端口号。location.host：相当于hostname和port的组合。对应URL地址的“：8080”部分，表示URL地址所在的域名和端口号。location.pathname：对应URL地址中的“/javascript/zhang1/1-1.html”部分，指定的网页文件的名称或是路径。location.href：表示的是整个URL地址的字符串。location.Hash：对应URL地址的“#archor1”部分，表示地

5、址中的锚点链接。location.search：对应URL地址的“?name=user”，表示地址中的索引和查询的信息。,13.1.3 跳转页面,使用location可以实现跳转页面的效果。实现跳转页面的效果可以有3种方法来实现。方法一：使用Window对象的location属性，将window.location属性值设置为要跳转的页面URL地址，会引发浏览器装载并显示URL所指的文档的内容。方法二：设置Location对象的href属性。href属性用于设置或返回完整的URL，提供一个指定窗口对象的完整url的字符串。方法三：使用Location对象的assign(URL)方法。通过这个方法

6、可以实现把一个新的URL赋给Location对象。,13.1.4 进行锚点链接,使用Location对象不仅可以实现不同页面之间的跳转，还可以实现同一个页面、不同部分的链接，也就是锚点链接。锚点链接是通过设置Location对象的hash属性来实现的。hash属性表示URL地址中的锚点，该属性可以设置或返回href属性中在#符号后面的内容，其中包括前面的（#）。例如下面的URL地址中，hash属性就是“#hash1”。http：/,13.2 History对象,History对象又称为历史对象，用来存储用户最近浏览过的网址列表。客户端的用户可以单击浏览器的工具栏上“后退”和“前进”按钮，打开最

7、近访问的网页。Window对象的history属性可以引用该窗口的History对象。History对象与其他对象一样，提供一些属性和方法对浏览者浏览的历史记录进行操作。,13.2.1 History对象的属性、方法,History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息，并提供用户一些属性和方法，让浏览者可以通过这些方法直接跳转到浏览过的页面。History对象的属性或者方法的语法格式：history属性|方法,13.2.2 统计访问页面的个数,length可以记录历史记录的列表项的个数，即是一个长度属性，表示当前浏览器所打开的文档的数目。本实例设置了4个连接页面，分别为13

8、-5-1.html、13-5-2.html、13-5-3.html、13-5-4.html，每个页面通过=连接页面语句，依次连接到下一个页面。,13.2.3 返回上一个页面,返回页面的上一页操作可以使用back()方法，它与单击浏览器上的“后退”按钮的操作结果相同，使浏览的页面后退到当前页的前一页。当单击按钮时，调用goback()函数，返回上一页。例如可以在页面上加一个返回上一页的超链接，单击超链接时，调用history.back()方法，来实现返回上一页的操作。代码如下所示：返回上一页,13.2.4 页面导航,要实现返回上一个页面的操作可以使用back方法，也可以使用go方法。go()方法

9、可以实现对历史记录中的页面进行访问。go()方法可以选择URL作为参数，也可以选择整数为参数，如：-3、-2、-1、0、1、2、3.语法格式如下所示：history.go(参数)history.go(URL),13.3 Navigatory对象,JavaScript代码是在浏览器中运行的，有些代码在Internet Explorer浏览器中可以运行，而在NetScape浏览器中就不可以运行，所以有些时候，需要对客户端的浏览器类型及版本进行检测，根据检测的结果来执行不同的代码。JavaScript中的Navigator对象包含了有关访问者浏览器的所有信息。通过Navigator对象的相关属性和方

10、法可以确定浏览器的类型、版本等信息。,13.3.1 Navigatory对象的属性,Navigator包含了有关访问者浏览器的信息，包括浏览器类型、版本等等。Netscape navigator和微软的Internet Explorer都支持Navigator对象，但也有很多浏览器不支持该对象。使用Navigator对象可以决定用户正在使用的navigator的版本。Navigator对象的属性都是只读的。,13.3.2 读取浏览器版本信息,在Navigator对象中包含用户浏览器的所有信息，可以通过appName属性和appVersion属性来读取浏览器的类型和浏览器的版本信息。而appNa

11、me属性指定浏览器的名称，是一个只读字符串。在Navigator中，属性值为“Netscape”。在IE浏览器中，其值为“Microsoft Internet Explorer”。appVersion属性用于指定浏览器的版本信息。即使同一个的浏览器，不同的版本也具有不同的功能。appVersion属性返回的字符串所包含的信息不止包含版本号。如果我们只是需要输出浏览器的版本号，这就需要使用parseFloat()的函数，抽取字符串中类似十进制数的一段字符，并将其返回，这就是所需要的版本信息。,13.3.3 检测浏览器类型，调用不同的页面,JavaScript代码是在浏览器中运行的，有些代码在In

12、ternet Explorer浏览器中可以运行，而在NetScape浏览器中就不可以运行。所以可以通过Navigator对象可以检测浏览器的类型，根据浏览器版本的不同执行不同的代码。,13.4 Screen对象,每个Window对象的screen属性都引用一个Screen对象，存放着有关显示浏览器的屏幕信息。Screen对象代表用户所使用的计算机中所使用的窗口大小及分辨率的设置。可以利用Screen对象来优化输出，例如，可以判断用户显示器的尺寸，设置显示图片的大小等。,13.4.1 Screen对象的属性,通过Screen对象的属性可以获取用于显示页面的视频显示器的大小和颜色属性。Screen

13、对象只有几个属性用于显示有关浏览器的屏幕的信息，这些信息仅可以读取，不能对其进行修改。每个window对象的screen属性都引用一个Screen对象。这是一个全局对象的静态属性，存放这有关显示浏览器的屏幕的信息。,13.4.2 输出窗口分辨率,对于屏幕大小可以实用Screen对象的width属性和height属性表示。width属性表示屏幕的总宽度和height属性为屏幕的总高度，以像素为单位。一般情况下，当前显示器的分辨率为1024*768，或者800*600。现在比较流行1024*768分辨率的显示器，但也有个别的设置为800*600，或者更高的显示器类型。可以根据Screen对象的wi

14、dth属性和height属性来判断用户的显示器分辨率，根据分辨率的大小建议用户调解到观看网页最佳的分辨率上。,13.4.3 全屏显示,在Screen对象中可以实用availHeight属性和availHeight属性来表示屏幕可用宽度和高度。对于整个显示起屏幕，并不是所用的宽度和高度都用来显示窗口。通常情况下Windows操作系统显示的任务栏，会占用屏幕的高度，相应的availHeight属性要比height属性要小一些。这些属性只能被读取，但是不允许修改。语法格式如下所示：var h=screen.availHeightvar w=screen.availWidth,13.5 小结,本章主要

15、介绍了Window对象中的Location对象、History对象、Screen对象和Navigator对象。Location对象当前浏览器窗口中浏览网页的地址，重点掌握location的相关属性，以及如何可以使用Location对象进行锚点链接和调转页面。History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息，浏览历史记录中的页，重点掌握History的go()、back()和forword()方法。Screen对象提供了有关显示器的信息，重点掌握Screen对象的相关属性，以及如何读取窗口的分辨率及其他信息。Navigator对象，提供显示当前页面的浏览器的信息，重点掌握Navigator对象的相关属性和如何判断浏览器的类型和版本，根据类型和版本的不同执行相应的程序或代码。,本资料由-大学生创业|创业|创业网http:/提供资料在线代理|网页代理|代理网页|http:/减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|http:/,