一、Location对象
1.location对象：window.location对象用于获取当前页面的地址(URL)，并把浏览器重定向到新的页面。
2.location对象的属性：
location.hostname返回web主机的域名
location.pathname返回当前页面的路径和文件名
location.port返回web主机的端口
location.protocol返回所使用的web协议(http://或https://)
location.href属性返回当前页面的url
location.assign()方法加载新的文档
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn" onclick="getLoc()">按钮</button>
<p id="ptime"></p>
<script>
function getLoc(){
// document.getElementById("ptime").innerHTML = window.location.hostname;
// document.getElementById("ptime").innerHTML = window.location.pathname;
// document.getElementById("ptime").innerHTML = window.location.port;
// document.getElementById("ptime").innerHTML = window.location.href;
location.assign("http://www.baidu.com");
}
</script>
</body>
</html>二、Screen对象
1.Screen对象：
window.screen对象包含有关用户屏幕的信息
2.属性：
screen.availWidth-可用的屏幕宽度
screen.availHeight-可用的屏幕高度
screen.Height-屏幕高度
screen.Width-屏幕宽度
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<button id="btn" onclick="getLoc()">按钮</button>
<p id="ptime"></p>
<script>
document.write("可用高度:"+screen.availHeight+",可用宽度"+screen.availWidth);
document.write("高度："+screen.height+",宽度"+screen.width);
</script>
</body>
</html>
