Window常用属性详解

window.devicePixelRatio

返回当前显示设备的物理像素分辨率与CSS像素分辨率的比值。该值也可以被解释为像素大小的比例:即一个CSS像素的大小相对于一个物理像素的大小的比值。

window.history

只读属性,用来获取History 对象的引用,History 对象提供了操作浏览器会话历史(浏览器地址栏中访问的页面,以及当前页面中通过框架加载的页面)的接口。

  • 在history中向后跳转

window.history.back();

  • 向前跳转

window.history.forward();

跳转到 history 中指定的一个点

可以用 go() 方法载入到会话历史中的某一特定页面, 通过与当前页面相对位置来标志 (当前页面的相对位置标志为0)

  • 向后移动一个页面

window.history.go(-1);

  • 向前移动一个页面

window.history.go(1);

  • 查看历史堆栈中页面的数量

window.history.length;

window​.inner​Height

浏览器窗口的视口(viewport)高度(以像素为单位);如果有水平滚动条,也包括滚动条高度。

window​.inner​Width

浏览器视口(viewport)宽度(单位:像素),如果存在垂直滚动条则包括它。

window​.location

只读属性,返回一个 Location 对象,其中包含有关文档当前位置的信息。

  • 跳转到新页面

window.location.assign(“http://www.mozilla.org”);
window.location = “http://www.mozilla.org”;

  • 强制从服务器重新加载当前页面

window.location.reload(true);

  • 返回当前完整的url

window.location.href

  • 返回当前页面所使用的http协议

window.location.protocol

  • 返回当前页面的域名加端口号

window.location.host

  • 返回当前页面的域名(不包含端口)

window.location.hostname

  • 返回当前页面的端口号

window.location.port

  • 返回当前页面所在的目录路径

window.location.pathname

  • 返回当前页面url所带的参数

window.location.search

  • 返回当前页面参数前的url地址

window.location.origin

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值