六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

asp.net Response.Write输出JS对话框,页面变形的解决办法

Admin | 2014-7-8 8:50:44 | ReadNums | 8227 | 标签 asp.net | 打印本页
     

  在动态页面比如ASPX中使用Response.Write输出JS代码的方法,如果是输出对话框,那么,会导致弹出对话框之后,页面会变形。

  原本内容是居中对齐的,弹出对话框以后,页面内容就整体跑到左边了,像这样的情况,代码如下:

  Response.Write("<script language='javascript'> alert('登陆成功,恭喜您);</script>");

  这就是直接输出JS代码对话框。这种方法会把JS代码写在页面的最顶部(<html>的前面)。

  如果遇到这种问题,想解决该问题,让页面在弹出对话框之后,页面不变形,不改变对齐方式,那么,我们应该使用另外一种方法,代码如下:

  Page.ClientScript.RegisterStartupScript(this.GetType(), "", "<script type='text/JavaScript'>alert('登陆成功,恭喜您!')</script>");

  使用RegisterStartupScript,这种方法会把JS代码嵌入在页面的底部、表单的最后 (</form>前面),适用于要在页面控件加载完成后运行的JS代码。所以,通过这种代码,页面就不会移位变形了。

  知识拓展:

  Page.ClientScript.RegisterStartupScript()

  使用类型、键、脚本文本和指示是否添加脚本标记的布尔值向 Page 对象注册启动脚本。

  type:要注册的启动脚本的类型。

  key:要注册的启动脚本的键。

  script:要注册的启动脚本文本。

  addScriptTags:指示是否添加脚本标记的布尔值.

  备注:

  启动脚本由它的键和类型唯一标识。具有相同的键和类型的脚本被视为重复脚本。只有使用给定的类型和键对的脚本才能使用该页面进行注册。试图注册一个已经注册的脚本不会创建重复的脚本。

  调用 IsStartupScriptRegistered 方法以确定具有给定的键和类型对的启动脚本是否已经注册,从而避免不必要的添加脚本尝试。

  在 RegisterStartupScript 方法的此重载中,使用 addScriptTags 参数可指示 script 参数中提供的脚本是否包装在 <script> 元素块中。将 addScriptTags 设置为 true 指示脚本标记将自动添加。

  RegisterStartupScript 方法添加的脚本块在页面加载完成但页面的 OnLoad 事件引发之前执行。

  最后来看几个例子:

   //ASP.NET后台页面跳转

  Page.ClientScript.RegisterStartupScript(Page.GetType(), "", "<script>if(confirm('保存成功!是否继续添加?')){location.href='ProductonAdd.aspx'}else{location.href='ProductonList.aspx'}</script>");

  //后台弹出确定框

  ClientScript.RegisterStartupScript(GetType(), "message", "<script>alert('请正确输入!');</script>");

  //ASP.NET后台页面跳转

  Page.ClientScript.RegisterStartupScript(Page.GetType(), "", "<script>alert('数据添加成功!');{location.href='ProductonList.aspx'}</script>");

  或

  Page.ClientScript.RegisterStartupScript(typeof(string), "", "<script>window.location.href='AdminMain.aspx';</script>");

  //后台弹出文本框

  ScriptManager.RegisterStartupScript(Page, typeof(string), "popUp", "window.open('rptView.aspx','打印预览','toolbar=no,location=no,scrollbars=yes,top=200px,left=200px,width=904px,height=650px')", true);


问题未解决:在线咨询我要在线咨询问题

香港66期开码结果

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日