asp.net中窗口相关操作总结(javascript)

 

下面这些实际平常都用过,不过没有整理汇总,刚好在网上看到,摘录。

javascript控制页面控件隐藏显示的两种方法
javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位 
方法一: 
document.all["PanelSMS"].style.visibility="hidden"; 
document.all["PanelSMS"].style.visibility="visible"; 
方法二: 
document.all["PanelSMS"].style.display="none"; 
document.all["PanelSMS"].style.display="inline"; 
方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static 
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic 

 

asp.net中窗口相关操作总结(javascript)

1.打开新窗口 
  这个简单:Response.Write(@"<script 
    
language='javascript'>window.open('url');</script>"); 
2.关闭窗口 
  //关闭当前窗口,并提示用户时候关闭,yes关闭,no退出 
  Response.Write(@"
<script language='javascript'>window.close();</script>"); 
  //延迟关闭窗口(下面代码表示2秒后关闭,无需确认) 
  Response.Write(@"
<script 
    
language='javascript'>setTimeout('self.close()',2000);</script>"); 
3.延迟时间 
  这个和上面的没有多少区别.我用到的情况是,在用户操作完毕给出提示,"n秒后,页面 
    转向"之类的只需去掉2重的Self.close()即可 
  Response.Write(@"
<script 
    
language='javascript'>setTimeout('',2000);</script>"); 
4.弹出提示或警告窗口 
  Response.Write(@"
<script language='javascript'>alert('添加成功,2秒钟后页面 
    将自动跳');
</script>"); 
5.刷新其他页面 
  这个用到的情况还是不少.比如在B页面对数据更新和修改,另一页面A要保持最新数据 
  给客户,这是就要在对B操作完毕的情况下对A进行刷新: 
  Response.Write(@"
<script language='javascript'>window.opener.location. 
    href
='./default.aspx'
</script>") ; 
6.页面跳转 
  有时候在学要给出提示的情况下进行页面跳转,不能使用Response.Redirect("url"); 
  比如,当客户操作完毕,单击按钮提交,弹出提示框(使用上面3和4),如果使用了 
    Response.Redirect("url"); 
  那么页面将不给出提示,页就是3和4没有起作用就直接转向了. 
  如果你是下面的操作过程: 
  1).Response.Write(@"
<script language='javascript'>alert('添加成功,2秒钟后页 
    面将自动跳');
</script>"); 
  2).Response.Write(@"
<script 
    
language='javascript'>setTimeout('',2000);</script>"); 
  3).页面转向: 
    Response.Write("
<meta http-equiv='refresh' 
    
content='0;URL=./default.aspx'>"); 
    //这个我不知道用javascript怎么实现,熟悉的轻补充一下 
7.窗口传制问题 
  这个问题比较烦,打开模态窗口(ShowModelDialog)我还没有实现,请各位补充. 
  具体情况是这样的,比如说A打开一个新窗口B,当用户对B操作完毕后,我们获得必要的 
  数据,自动将其赋给A中的TextBox等控件,这个过程是在客户端完成的.就像发送邮件时, 
  需要从地址本中选取,然后将选中的发送地址传回来. 
  1).在A中加入如下代码,打开一个新窗口B. 
     Response.Write(window.">@"window.
        open('B.aspx','','toolbar=no,menubar=no,status=yes,location=no, 
        resizable=no,scrollbars=no,width=500,height=350');
</script>"); 
  2).对B操作完毕,获得必要数据tmpStr,然后将其赋值给A中的TextBox1 
     Response.Write(@"
<script 
        
language='javascript'>opener.document.all.TextBox1.value 
         
='" +tmpStr+"';
</script>"); 
  注意:这个过程是在客户单用javascript完成的,因此我们不能按照服务端的编程习惯 
以及不能使用web服务控件的服务端属性进行操作.TextBox1是一个web服务控件, 
其id为TextBox1,A页面被服务器解析为html,通过浏览器浏览,TextBox1就变成了 
纯html控件,我们这里用javascript操作的也就是html控件,因此赋值使用的是 
TextBox1的value属性而不是Text属性.另外,web服务器控件的id被解析成html后, 
id有时会变,我们只要注意使用服务器解析后的id就成了,在浏览器中右键->查看源文件 
即可得到 
 
  对第七种操作情况最好使用打开模态窗口windows.ShowModelDialog(),但是比较麻烦, 
哦还没有实现. 
 
 
接上: 
 
调整本窗口大小和位置 
Response.Write("
<script>window.resizeTo(500,400);</script>"); 
Response.Write("
<script>window.moveTo(300,200);</script>"); 
 
 
接上: 
 
补:使用模态窗口传值 
 
主要代码如下: 
a.aspx and a.aspx.cs 
 
<%@ Page language="c#" Codebehind="a.aspx.cs" AutoEventWireup="false" 
Inherits
="Genesis02.a" 
%> 
<HTML> 
    
<HEAD> 
        
<title>a</title> 
        
<SCRIPT language="javascript"> 
            
var str; 
 
            
function pop(url) 
 
            

                
var myDialog = document.a.TBoxType.value; 
 
                
if (window.showModalDialog) 
                

                    str
=window.showModalDialog(url,myDialog,"dialogHeight: 
300px; dialogWidth: 500px;center: yes; help: no;resizable: yes; status: 
no;
"); 
                    
if (typeof(str) != "undefined"
                    

                        document.a.TBoxType.value 
= str; 
                    }
 
                }
 
            }
 
        
</SCRIPT> 
    
</HEAD> 
    
<body MS_POSITIONING="GridLayout"> 
        
<form id="a" method="post" runat="server"> 
            
<asp:textbox id="TBoxType" 
runat
="server"></asp:textbox><asp:button id="BtnGetType" Runat="server" 
Text
="Open"></asp:button> 
        
</form> 
    
</body> 
</HTML> 
__________________________________________________________________ 
 
using System; 
using System.Collections; 
using System.ComponentModel; 
using System.Data; 
using System.Drawing; 
using System.Web; 
using System.Web.SessionState; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.HtmlControls; 
 
namespace Genesis02 

    /// 
<summary> 
    /// a 的摘要说明。 
    /// 
</summary> 
    public class a : System.Web.UI.Page 
    { 
        protected System.Web.UI.WebControls.TextBox TBoxType; 
        protected System.Web.UI.WebControls.Button BtnGetType; 
 
        private void Page_Load(object sender, System.EventArgs e) 
        { 
            if (!IsPostBack) 
 
            { 
                BtnGetType.Attributes["onclick"] = "pop('c.aspx');return 
false;"; 
            } 
        } 
 
        #region Web Form Designer generated code 
        override protected void OnInit(EventArgs e) 
        { 
            // 
            // CODEGEN:该调用是 ASP.NET Web 窗体设计器所必需的。 
            // 
            InitializeComponent(); 
            base.OnInit(e); 
        } 
 
        /// 
<summary> 
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改 
        /// 此方法的内容。 
        /// 
</summary> 
        private void InitializeComponent() 
        { 
            this.Load += new System.EventHandler(this.Page_Load); 
 
        } 
        #endregion 
    } 

 
 
################################################################# 
b.aspx and b.aspx.cs 
 
<%@ Page language="c#" Codebehind="b.aspx.cs" AutoEventWireup="false" 
Inherits
="Genesis02.b" 
%> 
<HTML> 
    
<HEAD> 
        
<title>b</title> 
        
<SCRIPT language="javascript">

你可能感兴趣的:(JavaScript,.net,Web,asp.net,asp)