一、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个页面