JS BOM

一、Window对象常见常见事件:

  • window.onload = function(){}或者window.addEventListener(“load”,function(){}); window.onload 是窗口(页面)加载事件,当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS 文件等), 就调用的处理函数。
  • document.addEventListener(‘DOMContentLoaded’,function(){})
    DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash等等。如果页面的图片很多的话,此时用
    DOMContentLoaded 事件比较合适。
  • window.onresize = function(){}
    或者window.addEventListener(“resize”,function(){}); window.onresize
    是调整窗口大小加载事件, 当触发时就调用的处理函数。只要窗口大小发生像素变化,就会触发这个事件。

二、 Window对象常见常见属性:

location 对象:用于获取或设置窗体的 URL
属性:
location.href
location.host
location.port
location.pathname
location.search
location.hash
方法:
location.assign() 跟href一样跳转,用于重定向;
location.replace() 替换页面,不记录历史;
location.reload() 重新加载,等于F5;参数true为强制ctrl+F5;
URL 的一般语法格式为:
protocol://host[:port]/path/[?query]#fragment
:http://www.itcast.cn/index.html?name=andy&age=18#link
通信协议://主机域名:端口/路径?传递参数#锚点片段

navigator 对象:包含有关浏览器的信息,它有很多属性
属性
navigator.userAgent.可以判断用户那个终端打开页面,实现跳转不同页面

history 对象:。该对象包含用户(在浏览器窗口中)访问过的 URL,与浏览器历史记录进行交互
方法
back() 实现后退
forward() 实现前进
go(参数) 前进/后退+/-n个页面

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值