window子对象

Window的子对象

document

文档对象模型,通常用来操作 dom 元素,对 dom 的增删改查

screen

保存了当前屏幕的一些信息

 console.log(screen.availHeight) // 浏览器窗口所在的屏幕的高度(单位像素)
 console.log(screen.availWidth) // 浏览器窗口所在的屏幕的宽度(单位像素)
 console.log(screen.height) // 浏览器窗口可用的屏幕高度(单位像素)
 console.log(screen.width) // 浏览器窗口可用的屏幕宽度(单位像素
location

指代当前窗口正在访问的 url 地址对象

function value(val) {
	console.log(val)
}
value(window.location.hostname) // 返回 web 主机的域名
      value(window.location.pathname) // 返回当前页面的路径和文件名
      value(window.location.port) // 返回 web 主机的端口 (80 或 443)
      value(window.location.protocol) // 返回所使用的 web 协议(http:// 或 https://)
      value(window.location.href) // 返回当前页面的url地址
      value(window.location.host) // 返回当前页面url的主机ip
      value(window.location.search) // get 请求参数
      window.location.reload(true);
      // 可以调用location的reload方法以重新加载当前页面,参数true表示强制从服务器强制加载。
history

history 对象提供了操作浏览器会话历史的接口
history.length 表示历史记录有多个条目,反应了历史记录的数量,包含前进和回头的页面
history.back() 相当于浏览器的后退按钮。
history.forward() 相当于浏览器的前进按钮。
history.go(n) n >= 0 表示前进 n 步, n <= 0 表示回退 n 步
history.pushState() 是在历史记录中增加一条新的记录
history.replaceState() 是将当前的历史记录给替换掉,即替换调栈顶的那一条记录!

navigator

window.navigator.appCodeName; //浏览器代码名
window.navigator.appName; //浏览器步伐名
window.navigator.language; //浏览器当前语言
window.navigator.platform; //操作体系类型win32
window.navigator.plugins;
window.navigator.appVersion; //浏览器版本(包括 体系版本)
window.navigator.userAgent; //用户代理头的字符串表示
window.navigator.onLine; //用户否在线
window.navigator.cookieEnabled; //浏览器是否撑持cookie
window.navigator.mimeTypes;

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值