Windows對象操作:瀏覽器窗口信息


屬性(值或者子對象):
opener:打開當前窗口的源窗口,如果當前窗口是首次啟動瀏覽器打開的,則opener是null,可以利用這個屬性來關閉源窗口。

屬性:Windows.shuxing;
方法(函數):Windows.fagnfa();
事件(事先設置好的程序,被觸發):
通用的:onclick 單擊; 
ondblclick 雙擊; 
onkeydown 按鍵摁下時; 
onkeyup 按鍵松開時; 
onkeypress 按下就觸發; 
onmousedown 鼠標摁下; 
onmousemove 鼠標移動;
onmouseout 鼠標移出; 
onmouseover 鼠標移上;
表單中的:onblur 失去焦點觸發;onfocus 獲得焦點;onchange 改變時觸發;onselect 選中時觸發;

事件有兩個參數:
sender代表事件源(誰觸發的事件),e代表事件數據
load(sender,e)
{

}
事件是一個特殊的委托(代理)

this:代表該元素本身

例如:
     <div style="width:100px; height:100px; " onclick="Xianshi(this)"></div>
     <span style="" onclick="Xianshi(this)">4444</span>

//div和span的事件
    function Xianshi(a)
       {
          alert(a)
          alert("xianshi")
        }

單擊就是顯示,可以分別顯示出來~

這是div的顯示:  

這是span的顯示:  

 

1.window.open("第一部分","第二部分","第三部分","第四部分");
****
特征參數:

第一部分:寫要打開的頁面地址
第二部分:打開的方式,_blank 是在新窗口打開 _self
第三部分:控制打開的窗口,可以寫多個,用空格隔開
toolbar=no新打開的窗口無工具條 
menubar=no無菜單欄 status=no無狀態欄 
width=100 height=100 寬度高度
left=100 打開的窗口距離左邊多少距離
resizable=no窗口大小不可調 
scrollbars=yes 出現滾動條
location=yes 有地址欄

返回值:新打開的窗口對象

<body>

<input type="button" value="打開窗口" onclick="DaKai()" />

</body>

<script type="text/javascript">

var w1;

function DaKai()
{
if(w1== null)
{
w1 = window.open("digui.html","_self","width=500 height=500");
}

window.location.href="digui.html";

}

</script>

2:最簡單的打開窗口
window.open("http://www.baidu.com","_blank","toolbar=no"); 在一個新窗口中打開百度。

3:打開窗口,並保存在一個變量中
var w= window.open();

4:只打開窗口一次,例子如下:

if(w==null)
{
w=window.open("http://www.baidu.com","_blank","toolbar=no");
}

這里用一個if語句,判斷w的值是否為空,打開一個窗口之后w的值就不為空了,之后再點擊鼠標調用此函數則不執行打開新窗口。


5: close():關閉指定的窗口

window.close():關閉當前窗口
w.close():關閉w窗口
關閉多個子窗口:放在數組中的窗口:w[i].close();
關閉打開當前窗口的源窗口
window.opener.close();

6:間隔和延遲: *******

window.setInterval("要執行的代碼",間隔的毫秒數) 
window.clearInterval(間隔的id); 循環一次之后用來清除隔幾秒執行的代碼

//window.setTimeout("執行的代碼",5000) //延遲執行代碼 延遲五秒執行

window.setTimeout("要執行的代碼",延遲的毫秒數) 
window.clearTimeout(延遲的id);清除setTimeout,一般延遲執行較為常用。

//window.setInterval("要執行的代碼",1000) //間隔執行代碼,無限次執行

7:頁面操作

window.navigate("url") ;跳轉頁面;

window.moveTo(x,y); 移動頁面

window.resizeTo(寬,高); 調整頁面

window.scrollTo(x,y);滾動頁面至哪里


8:模態對話框

window.showModalDialog("url","向目標對話框傳的值","窗口特征參數") 打開模態對話框

模態對話框必須關掉才能對后端操作。 模塊對話框和窗口的區別是永遠置頂。

特征參數:用分號隔開,像素大小用px。dialogHeight,dialogWidth,center,等

window.showModelessDialog("url","向目標對話框傳的值","窗口特征參數")打開非模塊對話框,不用關閉可以操作后面。

9. window.history對象

歷史記錄,通過歷史記錄可以操作頁面前進或者后退

window.history.back();后退

window.history.forward();前進

window.history.go(n); n是正數代表前進n個頁面,n是負數代表后退n個頁面。**

10. window.location對象

location地址欄

var s = window.location.href;獲取當前頁面的地址

window.location.href="http://www.baidu.com";修改頁面地址,會跳轉頁面 *******

window.location.hostname: 主機名,域名,網站名,可用變量接收

window.location.pathname: 路徑名,可用變量接收

11. window.status對象

status狀態欄,可以給狀態欄添加要顯示的文字

window.status="要在狀態欄顯示的內容";設置狀態欄文字


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM