asp.net中彈窗及對話框

清疚 2022-08-25 13:48 115阅读 0赞

asp.net中彈窗及對話框

1.彈窗  
使用window.open,這種方式的彈窗可以被用戶關閉而不返回值,而且不會一直保持在最上層.  
\--1.最基本的弹出窗口代码

< SCRIPT LANGUAGE = " javascript " >   
    
 </ SCRIPT >

\--2.经过设置后的弹出窗口

< SCRIPT LANGUAGE = " javascript " >   
    
 </ SCRIPT >

\--3.用函数控制弹出窗口

< SCRIPT LANGUAGE = " javascript " >   
    
 </ SCRIPT >

調用函數:  
<body οnlοad='openwin()'>

\--4.同时弹出2个窗口

< SCRIPT LANGUAGE = " javascript " >   
    
 </ SCRIPT >

要注意:兩個彈窗的name不能相同(但可以同時為空),否則只顯示後面那個彈窗.

\--5.在一個頁面中彈窗  
注:如果放在head區,則以下這段代碼裡不能有title,否則vs2005會報錯.

< script language = " JavaScript " >   
    
 </ script >

\--6.窗口之关闭  
(1)定時自動關閉  
在彈窗的head區加入:  
<script language="JavaScript">  
function closeit()  
\{setTimeout("self.close()",10000)\}  
</script>  
在彈窗頁調用:  
<body οnlοad="closeit()">  
(2)在彈窗中加一個關閉按鈕.  
<FORM>  
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>  
</FORM>

2.彈對話框  
彈對話框有很多種方式,如window.alert(), window.confirm(),window.prompt(),在ie中還支持window.showModelessDialog,window.showModalDialog

\--1.window.alert不能返回值,只能用於提示或警告.  
格式:alert(str)  
參數說明:str為提示的內容文字  
例1:  
<input id="Button2" type="button" οnclick="javascript:alert('點了')" value="button" />

\--2.window.confirm只能返回true或false  
格式:vReturnValue = confirm(str)  
參考說明:str為為提示的內容文字  
例1:  
在page\_load中加  
this.Button1.Attributes.Add("onclick","javascript:return window.confirm('are you sure?')");

protected void Button1\_Click(object sender, EventArgs e)  
\{  
//如果點"確定",則執行這段代碼  
\}

\--3.window.prompt返回一個字符串  
格式:window.prompt(str,sDef)  
參數說明:  
str為提示文字,sDef為默認值  
例1:  
<script language=javascript>  
  
</script>  
<body οnlοad="pro()"></body>

\--4.window.showModalDialog(IE 4+ 支持)模态对话框  
這個可用於做多項選擇,數據篩選  
格式:vReturnValue = window.showModalDialog(sURL \[, vArguments\] \[,sFeatures\])  
参数说明：  
sURL--必选参数，类型：字符串。用来指定对话框要显示的文档的URL。  
vArguments--可选参数，类型：变体。用来向对话框传递参数。传递的参数类型不限，包括数组等,对于字符串类型，最大为4096个字符。对话框通过window.dialogArguments来取得传递进来的参数。  
sFeatures--可选参数，类型：字符串。用来描述对话框的外观等信息，可以使用以下的一个或几个，用分号“;”隔开。  
1.dialogHeight :对话框高度，不小于１００px，ＩＥ４中dialogHeight 和 dialogWidth 默认的单位是em，而ＩＥ５中是px，为方便其见，在定义modal方式的对话框时，用px做单位。  
2.dialogWidth: 对话框宽度。  
3.dialogLeft: 离屏幕左的距离。  
4.dialogTop: 离屏幕上的距离。  
5.center: \{yes | no | 1 | 0 \}：窗口是否居中，默认yes，但仍可以指定高度和宽度。  
6.help: \{yes | no | 1 | 0 \}：是否显示帮助按钮，默认yes。  
7.resizable: \{yes | no | 1 | 0 \} \[IE5+\]:是否可被改变大小。默认no。  
8.status: \{yes | no | 1 | 0 \} \[IE5+\]:是否显示状态栏。默认为yes\[ Modeless\]或no\[Modal\]。  
9.scroll:\{ yes | no | 1 | 0 | on | off \}：指明对话框是否显示滚动条。默认为yes。  
下面几个属性是用在HTA中的，在一般的网页中一般不使用。  
10.dialogHide:\{ yes | no | 1 | 0 | on | off \}：在打印或者打印预览时对话框是否隐藏。默认为no。  
11.edge:\{ sunken | raised \}：指明对话框的边框样式。默认为raised。  
12.unadorned:\{ yes | no | 1 | 0 | on | off \}：默认为no。

例1:  
在主頁面傳參:  
<script language="JavaScript">  
  
</script>  
在HTMLPage.htm中取得參數:  
<script>  
var a = window.dialogArguments  
alert("您传递的参数为：" + a)  
</script>

例2:  
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>

\--5.window.showModelessDialog (IE 5+ 支持)非模态对话框  
這個可以用來做廣告或通知.  
格式:vReturnValue = window.showModelessDialog(sURL \[, vArguments\] \[,sFeatures\])  
參數說明:同showModalDialog