今天要记录的是一篇关于局部刷新的,刚做网页的时候,每实现网页中的一个功能,都要刷新整个页面,感觉很烦人,严重影响了网站效率,而且整个网页刷新还会造成很多其他问题,所以就到网上查了些局部刷新的东西,并在做项目中使用了,挺好用的,也很简单,下面我就简单写两种用法:
1.这个做起来比较简单,主要依靠一个updatepanel控件就可以了,先添加一个SriptManager,然后添加一个UpdatePanel,然后在<ContentTemplate>标签中间放入要局部刷新的页面内容,以下是个例子:
<asp:ScriptManager ID="sm1" runat="server" />
<asp:UpdatePanel ID="up1" runat="server" UpdateMode="Always">
<ContentTemplate>
</ContentTemplate>
</asp:UpdatePanel>
如果有特殊需要,比如在局部刷新的页面里面有需要刷新整个页面的按钮什么的,就用到下面的东西了,比如Button1在局部刷新的页面里面,而按下它后需要刷新整个页面,则在</asp:UpdatePanel>之前加入如下代码即可:
<Triggers>
<asp:PostBackTrigger ControlID="Button1" />
</Triggers>
这样按下Button1就会刷新整个页面,也可以是局部刷新页面外的控件执行局部刷新页面的功能,在<Triggers>之间换成如下代码就行了:
<asp:AsyncPostBackTrigger ControlID="Button1" />
但用<Triggers>的前提是updatemodel的UpdateMode="Always"
2.还有就是用iframe,在一个网页中定义一个iframe,在iframe中打开其他网页的链接。比如用iframe的src属性指定别的页面或者用一个链接的target属性指定为iframe的id。
在用iframe的时候,iframe中要显示的其他网页可能会有很多个,而这些网页的高度不一定都是相同的,这时候就需要用到自适应高度了,只需要在这些需要显示的网页中加入如下代码就可以了,这样页面显示就不会因为高度问题而显示不全:
<script language="javascript" type="text/javascript">
parent.document.all("MainList").style.height = document.body.scrollHeight;
</script>
关于局部刷新的方法网上还有很多,大家可以到Baidu上Google一下,^_^