JS中的window对象
1.window概念
- 所有浏览器都支持window对象。他表示浏览器窗口。
- 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员。
- 全局变量是window对象的属性
- 全局函数是window对象的方法
2.window中的方法
- window.open()打开新窗口
- window.close()关闭当前窗口
- window.moveTo()移动当前窗口
- window.resizeTo()调整当前窗口的尺寸
<body>
<button onclick="openwindow()">打开窗口</button>
<button onclick="myFunction()">设置窗口</button>
<button onclick="moveFunction()">移动窗口</button>
<button onclick="closeFunction()">关闭窗口</button>
<script type="text/javascript">
var w;
function openwindow() {
w = window.open('','','width=500,height=500');
}
function myFunction() {
w.resizeTo(300,300);
w.focus();
}
function moveFunction() {
w.moveTo(500,500);
w.focus();
}
function closeFunction() {
w.close(500,500);
w.focus();
}
</script>
</body>
3.window.screen
-
- window.screen对象在编写时可以不使用window这个前缀。
- screen.availWidth-可用的屏幕宽度
- sceen.availHeight-可用的屏幕高度
-
<script type="text/javascript"> alert(screen.availHeight); alert(screen.availWidth); </script>
4.window Location（在控制台输入）
-
- location.hostname返回web主机的域名
- location.pathname返回当前页面的路径和文件名
- location.protocol返回所使用的web协议(http://或https://)
- location.href返回(当前页面的)整个URL
5.window.history
-
- window.history对象在编写时可不是用window这个前缀
- history.back()-与在浏览器点击后退按钮相同
- history.forward()-与在浏览器中点击按钮向前相同
- history.go()
history
1、前端开发 history.back()
2、后端开发 当前页面
3、移动开发 history.forward()
history.go(0)
-
-
- 0刷新当前页面
- -1刷新到上次页面
- -2刷新到上上次页面
- 1刷新到下次页面
- 2刷新到下下次页面
-