HTML+CSS+JavaScript对象属性05章节幻灯片.pptVIP

对 象 属 性 Screen对象 Screen对象，又称为屏幕对象，用于代表客户端的显示器。由于客户端所使用显示器的分辨率、可用色彩都有可能不同，那么同一个网页在不同的显示器显示的效果就有可能不同。 Screen对象常用的属性 Screen对象属性 script //显示器的宽度 var screenwidth=screen.width; //显示器的高度 var screenheight=screen.height; //显示器的有效宽度 var screenAvailwidth=screen.availWidth; //显示器的有效高度 var screeenavailheight=screen.availHeight; //显示器的颜色深度 var screenColorDepth=screen.colorDepth; document.write(显示器的分辨率为+screenwidth+*+screenheight); document.write(显示器有效宽度为+screenAvailwidth); document.write(显示器的有效高度为+screeenavailheight); document.write(显示器的颜色深度为+screenColorDepth); /script 满屏显示网页 满屏显示网页和全屏显示网页有所不同。全屏显示网页是将网页在整个屏幕范围中显示，而满屏显示网页只是在屏幕的有效范围中显示。要实现满屏显示网页功能，也可以使用以下几个步骤 1、通过Screen对象的availWidth属性和availHeight属性获得有效的显示范围 2、使用Window对象的moveTo(0,0)方法将浏览器窗口放在屏幕的左上角 3、使用Window对象的resizeTO()方法将浏览器窗口大小调整到与有效显示范围相同大小 script //显示器有效的宽度 var screenAvailWidht=screen.availWidth; //显示器的有效高度 var screenAvailHeight=screen.availHeight; alert(screenAvailHeight); //将浏览器窗口移动到屏幕的左上角 window.moveTo(0,0); //调整浏览器窗口的大小 window.resizeTo(screenAvailWidht,screenAvailHeight); document.write(显示器的分辨率为:+screen.width+*+screen.height,br); document.write(显示器的有效范围为:+screenAvailWidht+*+screenAvailHeight+br); /script History对象 History对象，也称为历史对象，该对象用于代表浏览器窗口最后访问过的网页历史。通过History对象的方法和属性，可以完成类似单击浏览器窗口上前进、后退按钮的功能。 跳转页面 使用History对象的back()方法可以让浏览器加载上一个访问过的页面，这与单击浏览器窗口中后退按钮的作用相同。使用forward()方法可以让浏览器加载下一个访问过的页面，这与单击浏览器窗口中前进按钮的作用相同。而使用go()方法可以指定前进或后退到第几个访问过的网页。 history.go(1):相当于history.forward()，前进到一个访问过的页面 history.go(-1):相当月于history.back()，前进到上一个访问过的页面 history.go(4)：前进到第4个访问过的页面。 history.go(-4):后退到第4个访问过的页面。 history.go(0):刷新当前网页 input type=button value=后退 onclick=history.back() input type=button value=前进 onclick=history.forward() input type=button value=刷新 onclick=history.go(0) Location对象 Location对象，又称地址对象。该对象用于代表当前浏览器窗口中显示的文档的URL。Location对象的方法和属性可以获得该URL和URL的各个部分，也可以通过修改这些部分来加载一个新文档。 Location对象的属性 Location对象所代表的是当前文档的URL，这与Link对象有所不同，Link对象代表的是当前文档中超链接的URL。但Location对象的属性大多与Link对象的属性相同，都是用于获得URL的各个组成部分。 Location对象的方法 form name=