首页 > 代码库 > Javascript window 学习笔记

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=0var tfunction 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) }

Javascript window 学习笔记