一、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()方法加载新的文档
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!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-屏幕宽度
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!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>
|
本文转自yeleven 51CTO博客，原文链接:http://blog.51cto.com/11317783/1794366
