总结js中的BOM

获取html中的节点

document.getElementById("header");

获取window尺寸方法(获取的是当前窗口的大小,小于或等于用户可用浏览器的大小):

document.documentElement.clientHeight
document.documentElement.clientWidth

或者

document.body.clientHeight
document.body.clientWidth

实用的 JavaScript 方案(涵盖所有浏览器):

var w=window.innerWidth //与上面一样的效果
var h=window.innerHeight

其他 Window 方法

window.open() // 打开新窗口
window.close() //关闭当前窗口
window.moveTo() //移动当前窗口
window.resizeTo() //调整当前窗口的尺寸

Window Screen 可用高度

screen.availHeight  //获取的是当前用户浏览器可用的宽高
 screen.availWidth

window.location
对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

location.hostname //返回 web 主机的域名
location.pathname //返回当前页面的路径和文件名
location.port  //返回 web 主机的端口 (80 或 443)
location.protocol //返回所使用的 web 协议(http: 或 https:)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值