點擊按鈕后彈出新頁面導致原頁面CSS失效
比方说在页面里面有个LinkButton,要点击以后要打开新窗口,而且新窗口的URL是根据用户选择结果动态产生的。LinkButton的代码这样写:
protected void ServiceManHistoryButton_Click(object sender, EventArgs e)
{
Response.Write("<script>window.open('EquipmentHistory.aspx?eid=" +
ServiceManDropDownList.SelectedValue + "');</script>");
}
运行以后会发现,新窗口是打开了,但是原来页面的字体变大了,奇怪的问题!
有人想也不想就说是CSS没设置好,对这些人我很无语,求教的时候最怕遇到他们
实际原因是直接Response.write输出脚本代码到顶部,打乱了文档模型,所以造成了这样的结果。
OK,解决方法有两个。
方法一:把Response.Write()语句替换为这个
Page.RegisterStartupScript("ServiceManHistoryButtonClick",
"<script>window.open('EquipmentHistory.aspx?eid=" +
ServiceManDropDownList.SelectedValue +
"');</script>");
这个方法用于在页响应中发出客户端脚本块,前一个参数是该Script在页面中的唯一名称(随便起,不重复就行),后一个是脚本内容。
这个方法应该是微软官方推荐的方法。
方法二:在原程序的Response.Write()语句后再加一句
Response.Write("<script>document.location=document.location;</script>");