在web项目中有些部分是静态资源不必要刷新,为了提高效率。我们必须用到部分刷新的方法。
目前最流行、使用的部分刷新的方法有两个。一个是iframe,一个是ajax。现在我来简单说一下iframe的使用。
iframe是HTML中的一个元素。在头文件中 frameset 和tranditional 都支持iframe元素的使用。我这里用的是 tranditional。
很简单,你只需要对页面进行分块就好。
<div id="topFrame">
<iframe src="nnsw/back/jsp/skip/top.jsp" name="topframe"
id="top_frame" frameborder="0" scrolling="no" width="100%"
height="45px">
<p>你的浏览器不支持iframe框架</p>
</iframe>
</div>
<table id="middle" width="100%" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td id="leftFrame" width="400px"><iframe width="260px" height="1000px"
src="nnsw/back/jsp/skip/left.jsp" name="leftFrame"
id="leftFrame" frameborder="0" scrolling="no"></iframe></td>
<td id="middleFrame" width="100%" height="100%"><iframe
src="nnsw/back/jsp/skip/middle.jsp" name="middleFrame"
id="middleFrame" frameborder="0" scrolling="auto" width="100%"
height="900px"> </iframe></td>
</tr>
</table>
frameboder 属性是边框的厚度 scrolling是滚动条
这里需要注意的是src的使用。src可以用绝对地址和相对地址。
和url不同的是 地址的前段不需要分隔符 否则会报404