黑豆熊——BlogJava

          面對挑戰,我告訴自己:面對是勇氣,積極面對是態度,堅持積極面對是毅力!

          常用鏈接

          統計

          積分與排名

          最新評論

          showModalDialog()方法使用詳解(轉載)

          Javascript有許多內建的方法來產生對話框,如:window.alert(), window.confirm(),window.prompt().等。 然而IE提供更多的方法支持對話框。如:

            showModalDialog() (IE 4+ 支持)
             showModelessDialog() (IE 5+ 支持)

          window.showModalDialog()方法用來創建一個顯示HTML內容的模態對話框,由于是對話框,因此它并沒有一般用window.open()打開的窗口的所有屬性。
          window.showModelessDialog()方法用來創建一個顯示HTML內容的非模態對話框。

          當我們用showModelessDialog()打開窗口時,不必用window.close()去關閉它,當以非模態方式[IE5]打開時, 打開對話框的窗口仍可以進行其他的操作,即對話框不總是最上面的焦點,當打開它的窗口URL改變時,它自動關閉。而模態[IE4]方式的對話框始終有焦點(焦點不可移走,直到它關閉)。模態對話框和打開它的窗口相聯系,因此我們打開另外的窗口時,他們的鏈接關系依然保存,并且隱藏在活動窗口的下面。

          使用方法如下:
          vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
          vReturnValue = window.showModelessDialog(sURL [, vArguments] [, sFeatures])
          參數說明:
          sURL
          必選參數,類型:字符串。用來指定對話框要顯示的文檔的URL。
          vArguments
          可選參數,類型:變體。用來向對話框傳遞參數。傳遞的參數類型不限,包括數組等。對話框通過window.dialogArguments來取得傳遞進來的參數。
          sFeatures
          可選參數,類型:字符串。用來描述對話框的外觀等信息,可以使用以下的一個或幾個,用分號“;”隔開。
          dialogHeight 對話框高度,不小于100px,IE4中dialogHeight 和 dialogWidth 默認的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話框時,用px做單位。
             dialogWidth: 對話框寬度。
             dialogLeft: 距離桌面左的距離。
             dialogTop: 離桌面上的距離。
             center: {yes | no | 1 | 0 }:窗口是否居中,默認yes,但仍可以指定高度和寬度。
             help: {yes | no | 1 | 0 }:是否顯示幫助按鈕,默認yes。
             resizable: {yes | no | 1 | 0 } [IE5+]:是否可被改變大小。默認no。
             status: {yes | no | 1 | 0 } [IE5+]:是否顯示狀態欄。默認為yes[ Modeless]或no[Modal]。
          scroll:{ yes | no | 1 | 0 | on | off }:指明對話框是否顯示滾動條。默認為yes。

          還有幾個屬性是用在HTA中的,在一般的網頁中一般不使用。
          dialogHide:{ yes | no | 1 | 0 | on | off }:在打印或者打印預覽時對話框是否隱藏。默認為no。
          edge:{ sunken | raised }:指明對話框的邊框樣式。默認為raised。
          unadorned:{ yes | no | 1 | 0 | on | off }:默認為no。

          傳入參數:
          要想對話框傳遞參數,是通過vArguments來進行傳遞的。類型不限制,對于字符串類型,最大為4096個字符。也可以傳遞對象,例如:

          test1.htm
          ====================
          <script>
          var mxh1 = new Array("mxh","net_lover","孟子E章")
          var mxh2 = window.open("about:blank","window_mxh")
          // 向對話框傳遞數組
          window.showModalDialog("test2.htm",mxh1)
          // 向對話框傳遞window對象
          window.showModalDialog("test3.htm",mxh2)
          </script>

          test2.htm
          ====================
          <script>
          var a = window.dialogArguments
          alert("您傳遞的參數為:" + a)
          </script>

          test3.htm
          ====================
          <script>
          var a = window.dialogArguments
          alert("您傳遞的參數為window對象,名稱:" + a.name)
          </script>

          可以通過window.returnValue向打開對話框的窗口返回信息,當然也可以是對象。例如:

          test4.htm
          ===================
          <script>
          var a = window.showModalDialog("test5.htm")
          for(i=0;i<a.length;i++) alert(a[i])
          </script>

          test5.htm
          ===================
          <script>
          function sendTo()
          {
          var a=new Array("a","b")
          window.returnValue = a
          window.close()
          }
          </script>
          <body>
          <form>
          <input value="返回" type=button onclick="sendTo()">
          </form>

          常見問題:
          1,如何在模態對話框中進行提交而不新開窗口?
          如果你 的 瀏覽器是IE5.5+,可以在對話框中使用帶name屬性的iframe,提交時可以制定target為該iframe的name。對于IE4+,你可以用高度為0的frame來作:例子,

          test6.htm
          ===================
          <script>
          window.showModalDialog("test7.htm")
          </script>

          test7.htm
          ===================
          if(window.location.search) alert(window.location.search)
          <frameset rows="0,*">
          <frame src="/blog/about:blank">
          <frame src="test8.htm">
          </frameset>

          test8.htm
          ===================
          <form target="_self" method="get">
          <input name=txt value="test">
          <input type=submit>
          </form>
          <script>
          if(window.location.search) alert(window.location.search)
          </script>
          2,可以通過http://servername/virtualdirname/test.htm?name=mxh方式直接向對話框傳遞參數嗎?
          答案是不能。但在frame里是可以的。

          posted on 2008-11-05 09:58 黑豆熊 閱讀(124) 評論(0)  編輯  收藏


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


          網站導航:
           
          主站蜘蛛池模板: 清徐县| 保定市| 府谷县| 梁平县| 永嘉县| 湖南省| 梅州市| 福泉市| 呼伦贝尔市| 长宁县| 宁都县| 体育| 天峨县| 河北省| 景谷| 望谟县| 金坛市| 新营市| 三明市| 庆城县| 磐安县| 日喀则市| 平山县| 石棉县| 侯马市| 汶上县| 漳州市| 宝兴县| 长沙县| 凤山县| 柳江县| 湛江市| 玉环县| 霍林郭勒市| 平乡县| 墨竹工卡县| 东至县| 江城| 娄底市| 盘锦市| 阆中市|