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

Javascript window 学习笔记

2024-07-28 04:21:14   231人阅读

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 学习笔记


联系
我们