Javascript window 学习笔记
浏览数：23 /
时间：2015年06月08日
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) }
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
