JavaScript学习笔记

22 篇文章 0 订阅
所有浏览器都支持 window 对象。它表示浏览器窗口。
甚至 HTML DOM 的 document 也是 window 对象的属性之一
window.open()打开新窗口
window.close()关闭当前窗口
window.moveto()移动窗口
window.resizeto()调整窗口尺寸
打开个新网站和关闭当前窗口的例子:

    <input type="button" οnclick="window.open('http://www.baidu.com')" value="打开百度"/>
    <br />
    <input type="button" οnclick="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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值