在动态页面比如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);