標籤：控制 java 狀態 tin asc nav load style html dom
<!--DOM操作
windows對象操作 對瀏覽器進行操作
document對象操作 對瀏覽器內分頁檔進行操作
window.shuxing;屬性調用格式
window.fangfa();方法調用方法
事件（事先設定好的程式，被觸發）；
-->
事件一般有兩個參數；
sender代表事件來源，即誰觸發的這個事件；
e代表事件數目據，例如滑鼠點擊時所處的座標；
load(sender,e)
{
}
事件是一個特殊的委託（代理）
<body><div style=" width:100px; height:100px; background-color:#FF0" onclick="tishi()">aaaaaaaa</div></body><script>//將DIV要執行的事件代碼封裝/*function tishi(){alert("我被點擊了");}</script>
<input type="button" value="開啟視窗" onclick="DaKai()" /> <input type="button" value="關閉視窗" onclick="Guan()"/> <input type="button" value="關閉間隔" onclick="Close()" /> <input type="button" value="前進" onclick="qianjin()" /> </body> <script type="text/javascript"> function qianjin() { window.history.go(1); } //div和span的事件 function XianShi(a) { alert(a); alert("顯示"); } //alert(window.opener); var w1; function DaKai() { /*if(w1== null) { w1 = window.open("digui.html","_self","width=500 height=500"); }*/ window.location.href="digui.html"; } function Guan() { w1.close(); } //var jg = window.setInterval("Z()",1000); function Z() { alert("間隔執行的代碼"); } function Close() { window.clearInterval(jg); } //window.setTimeout("alert(‘aa‘)",5000); </script>
1.window.open("第一部分"，"第二部分"，"第三部分"，"第四部分"）；
****
特徵參數：
第一部分：寫要開啟的頁面地址
第二部分：開啟的方式，_blank 是在新視窗開啟 _self
第三部分：控制開啟的視窗，可以寫多個，用空格隔開
toolbar=no新開啟的視窗無工具條
menubar=no無功能表列 status=no無狀態欄
width=100 height=100 寬度高度
left=100 開啟的視窗距離左邊多少距離
resizable=no視窗大小不可調
scrollbars=yes 出現捲軸
location=yes 有地址欄
傳回值：新開啟的視窗對象
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("要執行的代碼"，延遲的毫秒數)
window.clearTimeout(延遲的id)；清除setTimeout，一般順延強制較為常用。
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="要在狀態列顯示的內容"；設定狀態列文字
HTML DOM部分---事件；
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
