javaScript浏览器对象
window对象
alert() 显示带有一段消息和确认按钮的警告框 prompt() 显示可提示用户输入的对话框 confirm() 显示带有一段消息以及企鹅人按钮和取消按钮的对话框 open() 打开一个新的浏览器窗口或者找一个已命名的窗口 close() 关闭浏览器窗口 print() 打印当前窗口的内容 focus() 把键盘焦点给予一个窗口 blur() 把键盘焦点从顶层窗口移开 moveBy() 可相对窗口的当前坐标把他移动指定的像素 moveTo() 把窗口的左上角移动到一个指定的坐标 resizeBy() 按照指定的像素调整窗口的大小 resizeTo() 把窗口的大小调整到指定的宽度和高度 scrollBy() 按照指定像素值来滚动内容 scrollTo() 把内容滚动到指定坐标 setInterval() 每隔指定的事件执行的代码 setTimeout() 在指定的延迟时间之后来执行代码 clearInterval() 取消setInterval设置 clearTimeout() 取消setTimeout设置
定时器:
setInterval(代码,交互时间);
var attime;
function clock(){
var time=new Date();
attime= time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = attime;
}
setInterval(clock,1000);
计时器:
setTimeout(代码,延迟时间);
var num=0; function numCount(){ document.getElementById('txt').value=num; num=num+1; setTimeout("numCount()",1000); }
History对象
history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
window.history.[属性|方法]
length 返回浏览器历史列表中的URL数量
back() 加载history列表中的第一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体的页面
back()方法,加载 history 列表中的前一个 URL。
比如,返回前一个浏览的页面,代码如下:
window.history.back();
注意:等同于点击浏览器的倒退按钮。
back()相当于go(-1),代码如下:
window.history.go(-1);
返回下一个浏览的页面 forward()方法,加载 history 列表中的下一个 URL。 如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下: window.history.forward(); forward()相当于go(1), window.history.go(1);
LOCATION对象属性 属性 描述 hash 设置或返回从(#)开始的URL(锚) host 设置或返回主机名和当前URL的端口号 hostname 设置或返回当前URL的主机名 href 设置或返回完整的URL pathname 设置或返回当前URL的路径部分 port 设置或返回当前URL的端口号 protocol 设置或返回当前URL的协议 search 设置或返回从问号(?)开始的URL(查询部分) LOCATION对象方法 属性 描述 assign() 加载新的文档 reload() 重新加载当前文档 replace() 用新的文档替换当前文档
Navigator对象
属性 描述
appCodeName 流浪器代码名的字符串表示
appName 返回浏览器的名称
appVersion 返回浏览器的平台和版本信息
platform 返回运行浏览器的操作系统平台
userAgent 返回由客户机发送服务器的user-agent头部的值
显示浏览器和浏览器相关信息
<script type="text/javascript"> function validB(){ var u_agent =navigator.userAgent; ; var B_name="不是想用的主流浏览器!"; if(u_agent.indexOf("Firefox")>-1){ B_name="Firefox"; }else if(u_agent.indexOf("Chrome")>-1){ B_name="Chrome"; }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ B_name="IE(8-10)"; } document.write("浏览器:"+B_name+"<br>"); document.write("u_agent:"+u_agent+"<br>"); } </script>
window.screen 对象
document.write( "屏幕宽度:"+screen.width+"px<br />" ); //查看屏幕宽度 document.write( "屏幕高度:"+screen.height+"px<br />" ); //查看屏幕高度
document.write("可用宽度:" + screen.availWidth); //查看屏幕可用宽度
document.write("可用高度:" + screen.availHeight); //查看屏幕可用高度