JS中的window对象

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刷新到下下次页面