入口函数(window.onload) window.onload 方法用于在网页加载完毕后立刻执行的操作。为什么要使用这个方法呢? 因为 JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用,如果没有渲染完成,此时的 DOM 树是不完整的,这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。 比如事件绑定写在body之前: window.onload = function () { //此时body还没渲染,btn是不存在的 var btn = document.getElementById("btn"); btn.onclick = function () { alert("哈哈"); } } BOM介绍 window对象:是浏览器的顶级对象,全局对象。alert 等一系列弹框方法 open方法:打开新窗口 close方法:关闭当前窗口 document对象:HTML 文档 location对象:包含当前网页文档的URL信息 history对象:包含浏览器窗口访问过的URL信息 navigator对象:包含有关浏览器的信息,如名称,版本和系统等。 定时器 1、Location 对象 Location 对象是 Window 对象的一个部分,包含当前网页文档的URL信息,可通过 window.location 属性来访问。默认全局对象就是window,所有window可以不写。 重点掌握:location.href——获取完整URL 重写location.href可以跳转页面 2、History 对象 History 对象是 window 对象的一部分,包含浏览器窗口访问过的URL信息(历史记录),可通过 window.history 属性对其进行访问。这个对象包含几个常用属性(方法): length属性——历史记录的长度(个数)。 back() 方法——向后跳转,加载 history 列表中的前一个 URL。 forward()方法——向前跳转,加载 history 列表中的下一个 URL。 go()方法——加载 history 列表中的某个具体页面,参数 1 表示向前跳转,-1表示向后跳转。 代码示例: =============== first.html ===============这是第1个页面
跳去last =============== last.html ===============这是第2个页面