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

第13章其他对象 在前面的章节中 依次介绍了浏览器对象当中的Window对象 frame对象 Document对象 Form对象 但是除此之外 还有几个在编写程序时需要使用的对象 Location对象提供当前浏览器窗口中浏览网页的地址 可以使用Location对象进行锚点链接和调转页面 History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息 并提供用户一些方法 让浏览者可以通过这些方法直接跳转到浏览过的页面 Screen对象提供了有关显示器的信息 代表用户所使用的计算机中所使用的窗口大小及分辨率的设置 Navigator对象 提供显示当前页面的浏览器的信息 在本章中主要讲这几个对象的属性 方法和相应的实例 本资料由 大学生创业 创业 创业网减肥药排行榜 淘宝最好的减肥药 什么减肥药效果最好 减肥瘦身药 13 1Location对象 Location对象表示当前浏览器窗口中浏览网页的地址 当浏览器打开一个网页时 浏览器窗口自动创建了一个表示网页地址URL的Location对象 下面了解以下Location对象常用的属性和方法 13 1 1Location对象的属性 方法 对Location对象的属性和方法的引用 与其他对象引用属性和方法的语法格式相同 location 属性 方法Window对象的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地址所使用的协议部分 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 部分 表示地址中的锚点链接 location search 对应URL地址的 name user 表示地址中的索引和查询的信息 13 1 3跳转页面 使用location可以实现跳转页面的效果 实现跳转页面的效果可以有3种方法来实现 方法一 使用Window对象的location属性 将window location属性值设置为要跳转的页面URL地址 会引发浏览器装载并显示URL所指的文档的内容 方法二 设置Location对象的href属性 href属性用于设置或返回完整的URL 提供一个指定窗口对象的完整url的字符串 方法三 使用Location对象的assign URL 方法 通过这个方法可以实现把一个新的URL赋给Location对象 13 1 4进行锚点链接 使用Location对象不仅可以实现不同页面之间的跳转 还可以实现同一个页面 不同部分的链接 也就是锚点链接 锚点链接是通过设置Location对象的hash属性来实现的 hash属性表示URL地址中的锚点 该属性可以设置或返回href属性中在 符号后面的内容 其中包括前面的 例如下面的URL地址中 hash属性就是 hash1 http 13 2History对象 History对象又称为历史对象 用来存储用户最近浏览过的网址列表 客户端的用户可以单击浏览器的工具栏上 后退 和 前进 按钮 打开最近访问的网页 Window对象的history属性可以引用该窗口的History对象 History对象与其他对象一样 提供一些属性和方法对浏览者浏览的历史记录进行操作 13 2 1History对象的属性 方法 History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息 并提供用户一些属性和方法 让浏览者可以通过这些方法直接跳转到浏览过的页面 History对象的属性或者方法的语法格式 history 属性 方法 13 2 2统计访问页面的个数 length可以记录历史记录的列表项的个数 即是一个长度属性 表示当前浏览器所打开的文档的数目 本实例设置了4个连接页面 分别为13 5 1 html 13 5 2 html 13 5 3 html 13 5 4 html 每个页面通过window location href 连接页面 语句 依次连接到下一个页面 13 2 3返回上一个页面 返回页面的上一页操作可以使用back 方法 它与单击浏览器上的 后退 按钮的操作结果相同 使浏览的页面后退到当前页的前一页 当单击按钮时 调用goback 函数 返回上一页 例如可以在页面上加一个返回上一页的超链接 单击超链接时 调用history back 方法 来实现返回上一页的操作 代码如下所示 返回上一页 13 2 4页面导航 要实现返回上一个页面的操作可以使用back方法 也可以使用go方法 go 方法可以实现对历史记录中的页面进行访问 go 方法可以选择URL作为参数 也可以选择整数为参数 如 3 2 1 0 1 2 3 语法格式如下所示 history go 参数 history go URL 13 3Navigatory对象 JavaScript代码是在浏览器中运行的 有些代码在InternetExplorer浏览器中可以运行 而在NetScape浏览器中就不可以运行 所以有些时候 需要对客户端的浏览器类型及版本进行检测 根据检测的结果来执行不同的代码 JavaScript中的Navigator对象包含了有关访问者浏览器的所有信息 通过Navigator对象的相关属性和方法可以确定浏览器的类型 版本等信息 13 3 1Navigatory对象的属性 Navigator包含了有关访问者浏览器的信息 包括浏览器类型 版本等等 Netscapenavigator和微软的InternetExplorer都支持Navigator对象 但也有很多浏览器不支持该对象 使用Navigator对象可以决定用户正在使用的navigator的版本 Navigator对象的属性都是只读的 13 3 2读取浏览器版本信息 在Navigator对象中包含用户浏览器的所有信息 可以通过appName属性和appVersion属性来读取浏览器的类型和浏览器的版本信息 而appName属性指定浏览器的名称 是一个只读字符串 在Navigator中 属性值为 Netscape 在IE浏览器中 其值为 MicrosoftInternetExplorer appVersion属性用于指定浏览器的版本信息 即使同一个的浏览器 不同的版本也具有不同的功能 appVersion属性返回的字符串所包含的信息不止包含版本号 如果我们只是需要输出浏览器的版本号 这就需要使用parseFloat 的函数 抽取字符串中类似十进制数的一段字符 并将其返回 这就是所需要的版本信息 13 3 3检测浏览器类型 调用不同的页面 JavaScript代码是在浏览器中运行的 有些代码在InternetExplorer浏览器中可以运行 而在NetScape浏览器中就不可以运行 所以可以通过Navigator对象可以检测浏览器的类型 根据浏览器版本的不同执行不同的代码 13 4Screen对象 每个Window对象的screen属性都引用一个Screen对象 存放着有关显示浏览器的屏幕信息 Screen对象代表用户所使用的计算机中所使用的窗口大小及分辨率的设置 可以利用Screen对象来优化输出 例如 可以判断用户显示器的尺寸 设置显示图片的大小等 13 4 1Screen对象的属性 通过Screen对象的属性可以获取用于显示页面的视频显示器的大小和颜色属性 Screen对象只有几个属性用于显示有关浏览器的屏幕的信息 这些信息仅可以读取 不能对其进行修改 每个window对象的screen属性都引用一个Screen对象 这是一个全局对象的静态属性 存放这有关显示浏览器的屏幕的信息 13 4 2输出窗口分辨率 对于屏幕大小可以实用Screen对象的width属性和height属性表示 width属性表示屏幕的总宽度和height属性为屏幕的总高度 以像素为单位 一般情况下 当前显示器的分辨率为1024 768 或者800 600 现在比较流行1024 768分辨率的显示器 但也有个别的设置为800 600 或者更高的显示器类型 可以根据Screen对象的width属性和height属性来判断用户的显示器分辨率 根据分辨率的大小建议用户调解到观看网页最佳的分辨率上 13 4 3全屏显示 在Screen对象中可以实用availHeight属性和availHeight属性来表示屏幕可用宽度和高度 对于整个显示起屏幕 并不是所用的宽度和高度都用来显示窗口 通常情况下Windows操作系统显示的任务栏 会占用屏幕的高度 相应的availHeight属性要比height属性要小一些 这些属性只能被读取 但是不允许修改 语法格式如下所示 varh screen availHeightvarw screen availWidth 13 5小结 本章主要介绍了Window对象中的Location对象 History对象 Screen对象和Navigator对象 Location对象当前浏览器窗口中浏览网页的地址 重点掌握location的相关属性 以及如何可以使用Location对象进行锚点链接和调转页面 History对象的主要功能是一个存储窗口或框架的浏览URL地址的信息 浏览历史记