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