屬性(值或者子對象):
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="要在狀態欄顯示的內容";設置狀態欄文字