Javascript window 学习笔记
1.window 对象,就是把浏览器与javascript相关联。
2.全局变量(var a)是window对象的属性;全局函数(var a={})是window对象的方法。
3.window.document.getElementById("header");是window对象的方法。
4.获得浏览器窗口尺寸
对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
- window.innerHeight - 浏览器窗口的内部高度
- window.innerWidth - 浏览器窗口的内部宽度
对于 Internet Explorer 8、7、6、5:
- document.documentElement.clientHeight
- document.documentElement.clientWidth
或者
- document.body.clientHeight
- document.body.clientWidth
5.Window Screen获得屏幕宽度与高度
- screen.availWidth - 可用的屏幕宽度
- screen.availHeight - 可用的屏幕高度
注:除去窗口任务栏后的宽度和高度
6.JavaScript Window Location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 (80 或 443)
- location.protocol 返回所使用的 web 协议(http:// 或 https://)
7.JavaScript Window History
- window.history.back() - 与在浏览器点击后退按钮相同
- window.history.forward() - 与在浏览器中点击按钮向前相同
8.JavaScript 消息框
警告框:确认 alert("文本")
确认框:确认+取消 confirm("文本"),“确认”返回值为true;“取消”返回值为false
提示框:确认+取消 prompt("文本","默认值"),“确认”返回值为输入值;“取消”返回值为null
9.JavaScript 计时
- setTimeout()
- 未来的某时执行代码
- clearTimeout()
- 取消setTimeout()
- setTimeout()语法:var t=setTimeout("javascript语句",毫秒)
- 例:无限循环计时器
-
<html> <head> <script type="text/javascript"> var c=0 var t function timedCount() { document.getElementById('txt').value=c c=c+1 t=setTimeout("timedCount()",1000) } </script> </head> <body> <form> <input type="button" value="Start count!" onClick="timedCount()"> <input type="text" id="txt"> </form> </body> </html>
clearTimeout()语法:clearTimeout(setTimeout_variable)
例:在上面的例子里加以下函数,则停止这个计时器。
function stopCount() { clearTimeout(t) }