窗口彈出之showModalDialog應用

  超級鬱悶,剛纔寫的關於showModalDialog的應用,CSDN沒保存,害我現在又寫一變,MYGOD,哎,爲了廣大網友,也只能再寫一遍了。
  那我就簡單的再複述一遍吧。o(∩_∩)o...
  首先大家應該都碰到過彈出窗口這樣的實例吧,我想大家搞開發的,心裏都會有一些窗口彈出的方法,今天我先介紹的是showModelessDialog模態窗口打開方法,所謂的模態窗口,就是被打開後就會始終保持輸入焦點。除非對話框被關閉,否則用戶無法切換到主窗口。類似alert的運行效果。
  既然講到模態窗口,那我就隨便提一下showModelessDialog吧,大家從英文上也能看出來這個就是非模態的啦!被打開後,用戶可以隨機切換輸入焦點。對主窗口沒有任何影響(最多是被擋住一下而以)。
  言歸正傳!我們還說說 showModalDialog怎麼用吧!
  window.showModalDialog("url","name","參數:值;參數:值;……")
 url:對話框窗口鏈接地址
 name:對話框的名稱,可以爲空
 scroll:是否有滾動條,0表示無,非0表示有
 status:是否有狀態欄,0表示無,非0表示有
 help:是否有問號,0表示無,非0表示有
 resizable:是否可以用鼠標拖動改變框提大小,0表示不可以,非0表示可以
    center:是否居中,0表示不居中,非0表示居中
 dialogWidth:對話框寬度值
 dialogHeight:對話框高度值
 
  接着我們來看一個JS實例:

<script language="JavaScript">
function formUserSelect()
{
    openStdDlg("UserSelect.aspx", null, 700, 530);
}

function formPermissionSelect()
{
    openStdDlg("PermissionSelect.aspx", null, 700, 530);
}
//
// 彈出窗口打開方法
//
function openStdDlg(sPath, oArgs, iX, iY)
{
window.showModalDialog(sPath, oArgs, "dialogWidth:" + iX + "px;dialogHeight:" + iY +"px;help:0;status:0;scroll:0;center:1");
}</script>

一、怎樣才讓在showModalDialog和showModelessDialog的超連接不彈出新窗口?
  在被打開的網頁里加上<base target="_self">就可以了。這句話一般是放在<head>之間的。

二、怎樣才刷新showModalDialog和showModelessDialog裏的內容?
  在showModalDialog和showModelessDialog裏是不能按F5刷新的,又不能彈出菜單。這個只能依靠

javascript了,以下是相關代碼:

<body οnkeydοwn="if (event.keyCode==116){reload.click()}">
<a id="reload" href="filename.htm" style="display:none">reload...</a>

  將filename.htm替換成網頁的名字然後將它放到你打開的網頁裏,按F5就可以刷新了,注意,這個要

配合<base target="_self">使用,不然你按下F5會彈出新窗口的。

三、如何用javascript關掉showModalDialog(或showModelessDialog)打開的窗口。
  <input type="button" value="關閉" οnclick="window.close()">
  也要配合<base target="_self">,不然會打開一個新的IE窗口,然後再關掉的。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章