<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box1">box1</div> <div id="box2">box2</div> <div id="box3">box3</div> <div id="box4">box4</div> <script> var url = 'http://static01.baomihua.com/js/lib/jquery-1.4.4.min.js' var doc = document var loc = location var box1 = doc.getElementById('box1') var box2 = doc.getElementById('box2') var box3 = doc.getElementById('box3') var box4 = doc.getElementById('box4') /* * window.location * 属性： * hash 设置或返回从井号 (#) 开始的 URL（锚） * host 设置或返回主机名和当前 URL 的端口号 * hostname 设置或返回当前 URL 的主机名 * href 设置或返回完整的 URL * pathname 设置或返回当前 URL 的路径部分 * port 设置或返回当前 URL 的端口号 * protocol 设置或返回当前 URL 的协议 * search 设置或返回从问号 (?) 开始的 URL（查询部分） * 方法： * assign 加载新的文档 * reload 重新加载当前文档 * replace 用新的文档替换当前文档 */ // 加载新文档 box1.onclick = function() { loc.href = url } box2.onclick = function() { loc.assign(url) } // 页面刷新 box3.onclick = function() { loc.reload() } /* * window.document * 属性： * cookie 设置或返回与当前文档有关的所有 cookie * domain 返回当前文档的域名 * referrer 返回载入当前文档的文档的 URL * title 返回当前文档的标题 * URL 返回当前文档的 URL * 方法： * close * open * write * writeln * getElementById * getElementsByName * getElementsByTagName */ // 返回载入当前文档的文档的URL console.log(doc.referrer) // 返回当前文档的URL console.log(doc.URL) // 返回当前文档的域名 console.log(doc.domain) // 新窗口打开 用户点击不会被浏览器屏蔽 box4.onclick = function() { open(url) } </script> </body> </html>