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

wangyihust

浏览: 446481 次

最近访客更多访客>>

xuHuihui

woodding2008

wxn_yxm

qcsjliu

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (401)

社区版块

存档分类

ASP.net .net ASP JavaScript Web

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

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">