JavaScript学习笔记
来源:互联网 发布:普象工业设计软件 编辑:程序博客网 时间:2024/04/29 12:24
所有浏览器都支持 window 对象。它表示浏览器窗口。
甚至 HTML DOM 的 document 也是 window 对象的属性之一
window.open()打开新窗口
window.close()关闭当前窗口
window.moveto()移动窗口
window.resizeto()调整窗口尺寸
打开个新网站和关闭当前窗口的例子:
有3种知道浏览器尺寸的方法
window.innerWidth
window.innerHeigh
或
document.documentElement.clientHeight
document.documentElement.clientWidth
或
document.body.clientHeight
document.body.clientWidth
获取当前窗口的尺寸的例子(不包括滚动条):
来看window中的screen对象
在编写时可以不使用 window 这个前缀
screen.availWidth 可用的屏幕宽度(屏幕的高度,以像素计,减去界面特性,比如窗口任务栏)
screen.availHeight 可用的屏幕高度(屏幕的高度,以像素计,减去界面特性,比如窗口任务栏)
获得可用的屏幕宽度和高度例子:
甚至 HTML DOM 的 document 也是 window 对象的属性之一
window.open()打开新窗口
window.close()关闭当前窗口
window.moveto()移动窗口
window.resizeto()调整窗口尺寸
打开个新网站和关闭当前窗口的例子:
<input type="button" onclick="window.open('http://www.baidu.com')" value="打开百度"/> <br /> <input type="button" onclick="window.close()" value="关闭"/>
有3种知道浏览器尺寸的方法
window.innerWidth
window.innerHeigh
或
document.documentElement.clientHeight
document.documentElement.clientWidth
或
document.body.clientHeight
document.body.clientWidth
获取当前窗口的尺寸的例子(不包括滚动条):
<p id="demo"></p> <script> var w = window.innerWidth var h = window.innerHeight x = document.getElementById("demo"); x.innerHTML = "浏览器的内部窗口宽度:" + w + ",高度:" + h + "。"</script>
来看window中的screen对象
在编写时可以不使用 window 这个前缀
screen.availWidth 可用的屏幕宽度(屏幕的高度,以像素计,减去界面特性,比如窗口任务栏)
screen.availHeight 可用的屏幕高度(屏幕的高度,以像素计,减去界面特性,比如窗口任务栏)
获得可用的屏幕宽度和高度例子:
<script> document.write("可用宽度:" + screen.availWidth); document.write("可用高度:" + screen.availHeight); </script>
0 0
- javascript cookie学习笔记javascript
- javascript学习笔记
- Javascript学习笔记
- JavaScript学习笔记1
- JavaScript学习笔记2
- JavaScript学习笔记3
- JavaScript学习笔记4
- JavaScript学习笔记5
- JavaScript学习笔记6
- JavaScript学习笔记7
- JavaScript 学习笔记 1
- JavaScript 学习笔记 2
- JavaScript 学习笔记 3
- JavaScript 学习笔记 4
- javascript学习笔记
- javascript学习笔记
- JavaScript学习笔记 一
- javascript学习笔记
- 多态的定义及举例
- 学写网站需求分析
- 常见数据库的分页实现方案
- TF-IDF模型的概率解释
- android权限参考
- JavaScript学习笔记
- 解决Eclipse升级ADT22以后以及Android Studio由于依赖库问题无法直接运行
- 树形dp 基环树直径 bzoj1791 ioi2008island
- 我猜中了结局却料不到开始
- 解析
- cocos2d-x学习四子弹打怪兽结合二、三学习
- 赛车游戏开发总结PHYSX OGRE
- 联想电脑自带win8系统更改win7系统详细教程
- 导致数据库中数据不一致的根本原因