【JavaScript】BOM

一、前言

       接著前一章的內容，繼續Js的學習。

二、內容

        window對象

//確定視窗位置
var leftPos = (typeof window.screenLeft  == "number")? window.screenLeft : window.screenX;
var topPos = (typeof window.screenTop == "number")? window.screenTop : window.screenY;

//移動視窗位置
window.moveTo(Hornumber1,Vernumber2); 
window.moveBy(Hornumber1,Vernumber2);

//調整視窗大小
innerWidth —— 返回視窗的文檔顯示區寬度
innerHeight —— 返回視窗的文檔顯示區高度
outerWidth —— 在innerWidth的基礎上加上工具欄與滾動條的寬度
outerHeight —— 在innerHeight的基礎上加上工具欄與滾動條的高度
window.resizeTo(newWidth,newHeight);
window.resizeBy(deltaWidth,deltaHeight);

//導航和打開視窗
window.open(URL,name,features,replace);
URL —— 要載入的URL
name —— 視窗目標
features —— 視窗特性
replace —— 是否替換歷史記錄

var wroxWin = window.open("http://www.wrox.com", "_blank");
wroxWin == null —— 瀏覽器內置的屏蔽程式阻止
wroxWin 出現 Exception —— 瀏覽器擴展或其它程式阻止

//超時調用
var timeoutId = setTimeout(function(){
    //do something
},1000); //毫秒
clearTimeout(timeoutId); //只要在指定的時間調用該方法就可以完全取消超時調用

//間歇調用
var intervalId = setInterval(function(){
    //do something
},1000); //毫秒
clearInterval(intervalId);

//系統對話框
alert() —— 指定顯示的文本和一個OK按鈕
confirm() —— 指定的顯示文本，一個OK按鈕，一個Cancel按鈕。 返回bool值
prompt() —— 文本提示和文本輸入域的預設值，一個OK按鈕，一個Cancel按鈕
            如果輸入後選擇Ok，則返回輸入值；否則返回null

        location對象

//位置操作
location.href = "http://www.wrox.com"; //立即打開新URL併在瀏覽器的歷史記錄中生成一條記錄

//"http://www.wrox/com/WileyCDA/#section1" 
location.hash = "#section1";

//"http://www.wrox/com/WileyCDA/?q=javascript" 
location.search = "?q=javascript";

//"http://www.yahoo.com/WileyCDA/"
location.hostname = "www.yahoo.com";

//"http://www.yahoo.com/mydir/"
location.pathname = "mydir";

//"http://www.yahoo.com:8080/WileyCDA/"
loation.port = 8080;

       navigator對象

navigator.plugins —— 查看瀏覽器中安裝的插件數組
name:插件的名字
description:插件的描述
filename:插件的文件名
length:插件所處理的MIME類型數

      history對象

history.go(-1); //後退一頁
history.back(); //後退一頁

history,go(1);  //前進一頁
history.forward(); //前進一頁

history.go("wrox.com"); //跳轉到最近的wrox.com頁面