JavaScript学习笔记

来源:互联网 发布:普象工业设计软件 编辑:程序博客网 时间:2024/04/29 12:24
所有浏览器都支持 window 对象。它表示浏览器窗口。
甚至 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
原创粉丝点击