limq

          rainman
          隨筆 - 19, 文章 - 2, 評論 - 115, 引用 - 1
          數據加載中……

          轉載- 網頁彈出對話框

          如何利用網頁彈出各種形式的窗口,我想大家大多都是知道些的,但那種多種多樣的彈出式窗口是怎么搞出來的,我們今天就來學習一下:

            1.彈啟一個全屏窗口

          <html>
          <body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');">;
          <b>www.e3i5.com</b>
          </body>
          </html>

            2.彈啟一個被F11化后的窗口

          <html>
          <body onload="window.open(''http://www.pconline.com.cn','example02','channelmode');">;
          <b>www.e3i5.com</b>
          </body>
          </html>

            3.彈啟一個帶有收藏鏈接工具欄的窗口

          <html>
          <body onload="window.open('http://www.pconline.com.cn','example03','width=400,height=300,directories');">
          <b>www.e3i5.com</b>
          </body>
          </html>

            4.網頁對話框

          <html>
          <SCRIPT LANGUAGE="javascript">
          <!--
          showModalDialog('http://www.pconline.com.cn','example04','dialogWidth:400px;dialogHeight:300px;
          dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
          //-->
          </SCRIPT>
          <b>www.e3i5.com</b>
          </body>
          </html>

          <html>
          <SCRIPT LANGUAGE="javascript">
          <!--
          showModelessDialog('http://www.pconline.com.cn','example05','dialogWidth:400px;dialogHeight:300px;
          dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes')
          //-->
          </SCRIPT>
          <b>http://www.pconline.com.cn</b>
          </body>
          </html>

            showModalDialog()或是showModelessDialog() 來調用網頁對話框,至于showModalDialog()與showModelessDialog()的區別,在于showModalDialog()打開的窗口(簡稱模式窗口),置在父窗口上,必須關閉才能訪問父窗口(建議盡量少用,以免招人反感);showModelessDialog()(簡稱無模式窗口),打開后不必關閉也可訪問父窗口打開的窗口。

          dialogHeight: iHeight 設置對話框窗口的高度。
          dialogWidth: iWidth 設置對話框窗口的寬度。   
          dialogLeft: iXPos 設置對話框窗口相對于桌面左上角的left位置。
          dialogTop: iYPos 設置對話框窗口相對于桌面左上角的top位置。
          center: {yes | no | 1 | 0 } 指定是否將對話框在桌面上居中,默認值是“yes”。
          help: {yes | no | 1 | 0 } 指定對話框窗口中是否顯示上下文敏感的幫助圖標。默認值是“yes”。   
          resizable: {yes | no | 1 | 0 } 指定是否對話框窗口大小可變。默認值是“no”。
          status: {yes | no | 1 | 0 } 指定對話框窗口是否顯示狀態欄。對于非模式對話框窗口,默認值是“yes”;對于模式對話框窗口,默認值是 “no”。

          posted on 2008-01-27 13:28 limq 閱讀(6858) 評論(2)  編輯  收藏

          評論

          # re: 轉載- 網頁彈出對話框  回復  更多評論   

          一如既往的支持,謝謝你還來更新,新年快樂
          2008-02-15 09:48 | 依然這個格調

          # re: 轉載- 網頁彈出對話框[未登錄]  回復  更多評論   

          現在比較少更新了
          2008-05-27 09:28 | 小白

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 通榆县| 紫阳县| 洪泽县| 云阳县| 宁远县| 丹凤县| 霍邱县| 漳浦县| 利川市| 淄博市| 万安县| 苍南县| 安泽县| 鲜城| 潼南县| 阳信县| 图片| 新邵县| 丰宁| 竹山县| 镇原县| 抚远县| 葵青区| 卫辉市| 岐山县| 肥西县| 理塘县| 句容市| 德兴市| 耒阳市| 庄浪县| 鲜城| 绍兴县| 泰州市| 泰顺县| 浮山县| 邯郸市| 黄骅市| 白水县| 灵山县| 兴文县|