Javaphua Blog

          BlogJava 首頁(yè) 新隨筆 聯(lián)系 聚合 管理
            46 Posts :: 5 Stories :: 46 Comments :: 0 Trackbacks
          window 對(duì)象
          1. 狀態(tài)欄
            屬性說(shuō)明
            defaultStatus設(shè)置和獲取瀏覽器程序狀態(tài)欄的默認(rèn)信息文本
            status設(shè)置和獲取瀏覽器程序狀態(tài)欄的信息文本

          2. 計(jì)時(shí)器
            方法說(shuō)明
            setTimeout(express,time)延時(shí)time(ms)后執(zhí)行express,express應(yīng)該寫成字符串形式
            clearTimeout( )清除延時(shí)器
            setInterval(express,time)每間隔time(ms)執(zhí)行express
            clearInterval( )清除定時(shí)器
            兩個(gè)set方法將返回一個(gè)內(nèi)部編號(hào),將之作為參數(shù)提供給相應(yīng)的clear方法即可停止。
            setTimeout方法是延時(shí)執(zhí)行,調(diào)用一次本方法,express得到一次執(zhí)行(延時(shí)),在延時(shí)期間可以取消之;
            setInterval方法是定時(shí)執(zhí)行,調(diào)用一次本方法,express安規(guī)定的時(shí)間間隔反復(fù)執(zhí)行,也可取消之。
            可以在函數(shù)內(nèi)部對(duì)自身進(jìn)行延時(shí)調(diào)用,以達(dá)到定時(shí)的效果:
            function f1( )
            {... ...
            ?window.setTimeout("f1( )",1000);
            }

            <body onLoad="f1( )">


            function f2( )
            {... ...
            }

            <body onLoad="window.setInterval('f2( )',1000);">





          3. 窗口的打開(kāi)與關(guān)閉
            在超級(jí)鏈接中加入target屬性可以新開(kāi)一個(gè)窗口,但前提是必須進(jìn)行了點(diǎn)擊,當(dāng)然我們也可通過(guò)代碼來(lái)打開(kāi)一個(gè)新窗口。
            新開(kāi)一個(gè)窗口 <a href="eg/06-2%20test.html" target="_blank">新開(kāi)一個(gè)窗口</a>
            window.open("eg\\06-2%20test.html")
            window.open( )方法可以產(chǎn)生一個(gè)新的窗口,同時(shí)返回該窗口的內(nèi)部編號(hào),可以利用該編號(hào)來(lái)控制這個(gè)窗口的行為。
            用超級(jí)鏈接的方法新開(kāi)窗口,無(wú)法控制窗口的大小外觀,使用open( )方法則可輕松實(shí)現(xiàn)。

            winID=window.open("URL","winName","features","replace")

            URL:新開(kāi)窗口中打開(kāi)網(wǎng)頁(yè)的URL地址;
            winName:新開(kāi)窗口的名字;
            features:新開(kāi)窗口的外觀特征(eg:"left=0,top=0,directories" ),各參數(shù)間用分隔;
            features項(xiàng)說(shuō)明
            left/secreenX瀏覽器左上角X坐標(biāo)(px) IE/NetScape
            top/screenY瀏覽器左上角Y坐標(biāo)(px) IE/NetScape
            height/innerHeight瀏覽器高(px) 最小值為100 IE/NetScape
            width/innerWidth瀏覽器寬(px) 最小值為100 IE/NetScape
            directories顯示連接欄否
            location顯示地址欄否
            menubar顯示菜單欄否
            resizeable窗口大小可調(diào)否
            scrollbars顯示滾動(dòng)條否
            status顯示狀態(tài)欄否
            titlebar顯示標(biāo)題欄否
            toolbar顯示工具欄否

            replace:為true表示替換新窗口的歷史記錄,否則不替換。

            window.open("eg\\06-2%20test.html", "", "left=100, top=200, height=200, width=300, resizeable, toolbar, directories")

            父窗口利用winID來(lái)控制新開(kāi)的子窗口;子窗口則利用opener來(lái)訪問(wèn)父窗口。
            通過(guò)winID/opener可以探測(cè)窗口存在否;通過(guò)closed屬性可以探測(cè)窗口關(guān)閉否。
            例:
            父窗口控制子窗口
            if(winID && !winID.closed)
            ? ? ? ? ? ? ? ? winID.close( );
            子窗口訪問(wèn)父窗口
            if(opener && !opener.closed)
            ? ? ? ? ? ? ? ? opener.close( );

          4. 內(nèi)置對(duì)話框
            方法說(shuō)明
            alert(message)顯示警告信息提示窗口
            confirm(message)確認(rèn)對(duì)話框,按“確定”按鈕返回true,按“取消”按鈕則返回false
            prompt(message,defaultValue)提示輸入信息,返回用戶輸入的信息字符串


          5. 另外兩種對(duì)話框(實(shí)際上是以對(duì)話框方式打開(kāi)某一網(wǎng)頁(yè))
            IE4 : showModalDialog(url,arguments,features)
            IE5 : showModelessDialog(url,arguments,features)

            arguments:發(fā)送到網(wǎng)頁(yè)的參數(shù),可以是任何數(shù)據(jù),在顯示網(wǎng)頁(yè)中用window.dialogArguments屬性來(lái)獲取之。
            features:新開(kāi)對(duì)話框的外觀特征(eg:"dialogWidth:200px;status:off" ),各參數(shù)間用分隔;
            屬性說(shuō)明
            dialogHeight對(duì)話框高,最小100px,IE5用px,IE4用em
            dialogWidth對(duì)話框?qū)?/td>
            dialogTop對(duì)話框左上角Y坐標(biāo)
            dialogLeft對(duì)話框左上角X坐標(biāo)
            center對(duì)話框是否顯示在桌面的正中?yes(default)/no
            help對(duì)話框是否顯示"?"號(hào),可以提供提示說(shuō)明功能。yes(default)/no
            resizeableIE5的屬性,對(duì)話框大小可調(diào)否?yes/no(default)
            statusIE5的屬性,對(duì)話框顯示狀態(tài)欄否?yes(default)/no

            window.showModelessDialog('eg\\06-2%20Modeless%20test.html',6688)

          6. 獲取屏幕的相關(guān)信息(window.screen)
            屬性screen
            height屏幕高
            width屏幕寬
            availHeight屏幕視野高
            availWidth屏幕視野寬
            colorDepth屏幕支持的色深

            window.screen.height : 768 px
            window.screen. width : 1024 px
            window.screen.availHeight : 738 px
            window.screen.availWidth : 1024 px
            window.screen.colorDepth : 32 bit

          7. 改變窗口大小和位置
            1. 屬性
              屬性說(shuō)明
              screenLeft返回窗口左邊距
              screenTop返回窗口頂邊距

            2. 方法
              方法說(shuō)明
              moveTo(x,y)窗口移動(dòng)到屏幕(x,y)處
              moveBy(offsetX,offsetY)窗口按偏移量產(chǎn)生位移
              resizeTo(width,height)窗口大小調(diào)整為指定的高度和寬度
              resizeBy(offsetWidth,offsetHeight)窗口大小按增量進(jìn)行調(diào)整


          8. 窗口內(nèi)容的滾動(dòng)
            方法說(shuō)明
            scroll(x,y)滾動(dòng)窗口到制定位置
            scrollTo(x,y)同上
            scrollBy(offsetX,offsetY)按參數(shù)指出的偏移量進(jìn)行滾動(dòng)


          思考:
          1. 打開(kāi)網(wǎng)頁(yè)后,自動(dòng)彈出廣告頁(yè),大小為200*200;
          2. 輸入姓名后新開(kāi)一個(gè)窗口顯示"
          3. 新開(kāi)一個(gè)窗口,讓它逐漸變大到屏幕的一半;
          4. 新開(kāi)一個(gè)窗口,讓它由屏幕左端向右端移動(dòng),然后關(guān)閉之;
          5. 設(shè)計(jì)一個(gè)震蕩移動(dòng)的跑馬燈;
          6. 打開(kāi)網(wǎng)頁(yè)后,網(wǎng)頁(yè)自動(dòng)向上滾屏。
          7. 綜合練習(xí)


          ?
          posted on 2006-07-25 13:49 Javaphua 閱讀(1263) 評(píng)論(1)  編輯  收藏

          Feedback

          # re: [轉(zhuǎn)]javascript window 對(duì)象 [未登錄](méi) 2011-06-25 11:17 df
          sad  回復(fù)  更多評(píng)論
            


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 古蔺县| 达日县| 鲁甸县| 双城市| 裕民县| 崇州市| 家居| 余江县| 巫山县| 黔西县| 临潭县| 松阳县| 天等县| 水城县| 藁城市| 江城| 扎兰屯市| 博爱县| 宁阳县| 彰武县| 通化市| 大名县| 咸阳市| 保靖县| 田东县| 封开县| 阿巴嘎旗| 瓮安县| 忻州市| 八宿县| 成武县| 调兵山市| 四川省| 澎湖县| 黎城县| 彭阳县| 博白县| 民乐县| 涞水县| 科技| 化德县|