您的位置:首页 > Web前端 > JavaScript

week13---12月2日 JS内置对象(四)

2015-11-29 21:56 453 查看
一、复习

定时器

二、新课

1、Window方法

1)调整窗口尺寸resizeBy(width[,height])

resizeBy()是设置窗口相对大小的方法,用于在窗口原来大小的基础上调整窗口尺寸,即宽度增加width、高度增加height。

2)设置页面内容位置scrollTo(xpos,ypos)

scrollTo()是绝对滚动方法,用于把窗口显示区左上角滚动到页面内容的指定坐标点(xpos, ypos)(像素),或者说将页面内容的指定坐标点定位到浏览器窗口显示区左上角。

3)移动页面内容位置scrollBy(xnum,ynum)

scrollBy()是相对滚动方法,用于将页面的显示内容相对原来位置沿x水平方向移动xnum像素、沿y垂直方向移动ynum像素,再定位到窗口显示区左上角。xnum为正则显示区域向左移动(页面内容向右滚动),同样ynum为正则页面内容上移。

4)打印窗口内容print()

print() 相当于单击浏览器中的打印按钮,执行时弹出对话框

5)关闭浏览器窗口close()

close()方法只能关闭用JavaScript代码创建打开的窗口,而不能关闭用户打开的窗口。

示例:9-8
2、浏览器信息对象

navigator对象的属性

platform 机器操作系统。如Win32、MacPPC及Linuxi586

plugins[] 浏览器已安装所有插件对象集合Plug-in对象数组

appName 浏览器名称。如IE浏览器名称为"Microsoft InternetExplorer"、Netscape浏览器名称为"Netscape"

appCodeName 浏览器代码名。一般都是"Mozilla"

appVersion 浏览器版本信息—不同浏览器格式有所不同

一般开头是版本号数字,之后是版本细节包括操作系统等。例如IE浏览器版本信息(IE5.0以后的版本号仍保持为4.0)为:

4.0 (compatible; MSIE 6.0; WindowsNT 5.2; SV1; .NET CLR 1.1.4322)

可用parseFloat()获取完整版本号,用parseInt()获取主版本号。

示例:9-9-
3、客户端屏幕对象

screen是浏览器窗口对象window的子对象,可直接使用。

screen对象包含了客户端显示屏的信息,利用这些信息可优化屏幕显示。例如根据屏幕尺寸对窗口定位、确定使用大图像还是小图像,根据显示器颜色深度选择使用16或8位色图形。

screen屏幕对象只有属性而没有方法。

availHeight 屏幕可用高度(像素),不包括屏幕底部的任务栏

availWidth 屏幕可用宽度

height 屏幕高度

width 屏幕高度

colorDepth 屏幕缓冲器调色板的比特深度

pixelDepth 屏幕颜色分辨率(比特每像素),IE浏览器不支持

以下为IE浏览器的专有属性,Firefox、Opera不支持。

deviceXDPI / deviceYDPI 屏幕每英寸水平/垂直点数

logicalXDPI / logicalYDPI屏幕每英寸水平/垂直方向常规点数

updateInterval 屏幕刷新率

fontSmoothingEnabled 是否启用字体平滑启用true否则false

bufferDepth 在off-screen bitmap buffer中调色板的比特深度

3、当前页面URL对象

location是浏览器窗口对象window的子对象,可直接使用。该对象包含了当前所显示页面的URL信息—即Web地址。

1)属性

href 当前页面完整的URL

href是location的默认属性,可以省略只使用location对象名。

pathname 页面URL中的路径

hostname 页面所在服务器的主机名

host 页面所在服务器的主机名和端口号

port 页面所在服务器的端口号

protocol 服务器发送页面使用的协议

search 请求页面?问号之后的URL参数

hash 页面请求中以#开始的URL锚,即请求页面中的锚点

注意:通过为location对象属性赋值即可控制浏览器显示的页面,把新URL赋予location或href属性,浏览器会装载显示新页面,如果给其他属性赋值浏览器会重新组合并装载显示组合后的新URL页面。

示例9-12

2)方法

1.重新加载当前文档reload( [force] )

reload()方法可重新加载当前文档,相当于刷新页面,其中参数force指定是否必须下载:

若force取值false或省略,则通过HTTP头If-Modified-Since检测服务器文档是否改变,如果已经改变则会下载新的,如果未改变则从缓存中装载,相当于单击浏览器刷新按钮。

若force取值true,则无论文档是否修改都会强制从服务器重新下载,相当于按住Shift健再单击浏览器刷新按钮。

2.加载新文档assign(URL)

assign()方法用于加载新的文档,相当于超链接,加载页面后将在history对象中产生历史纪录,可通过后退按钮返回。

3.加载新文档替换当前文档replace(newURL)

replace()方法与assign()相同也是用于加载新的文档,但不在history对象中产生新的历史纪录,而是用新页面的URL覆盖替换history对象中原页面的纪录,不能用“后退”按钮返回。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: