目录
浏览器窗口的尺寸
涵盖所有浏览器
<p id="demo"></p>
<script>
var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
x=document.getElementById("demo");
x.innerHTML="浏览器window宽度: " + w + ", 高度: " + h + "。"
</script>其他 Window 方法
- window.open() - 打开新窗口
- window.close() - 关闭当前窗口
- window.moveTo() - 移动当前窗口
- window.resizeTo() - 调整当前窗口的尺寸
屏幕可用宽高
宽
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。
<script>
document.write("可用宽度: " + screen.availWidth);
</script>
以上代码输出为：
可用宽度: 1366高
screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。
<script>
document.write("可用高度: " + screen.availHeight);
</script>
以上代码将输出：
可用高度: 728
返回到上一步并刷新
//访问历史页面（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL，该函数会去匹配字符串的第一个URL。
history.go(-1);
//刷新操作
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象（用于框架）
opener.location.reload()刷新父窗口对象（用于单开窗口）
top.location.reload()刷新最顶端对象（用于多开窗口）前进后退
1、history.back()
- 与在浏览器点击后退按钮相同 //window.history.back()
2、history.forward()
- 与在浏览器中点击向前按钮相同 //window.history.forward() }
获取URL信息
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
window.location 对象在编写时可不使用 window 这个前缀。 一些例子：
一些实例:
- location.hostname 返回 web 主机的域名
- location.pathname 返回当前页面的路径和文件名
- location.port 返回 web 主机的端口 （80 或 443）
- location.protocol 返回所使用的 web 协议（http: 或 https:）
返回当前页面的 URL
返回（当前页面的）整个 URL：
<script>
document.write(location.href);
</script>
以上代码输出为：
https://www.runoob.com/js/js-window-location.html属性返回 URL 的路径名
返回当前 URL 的路径名：
<script>
document.write(location.pathname);
</script>
以上代码输出为：
/js/js-window-location.html加载新的文档
加载一个新的文档：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<head>
<script>
function newDoc(){
window.location.assign("https://www.runoob.com")
}
</script>
</head>
<body>
<input type="button" value="加载新文档" onclick="newDoc()">
</body>
</html>