部分刷新的iframe方法

在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

猜你喜欢

转载自blog.csdn.net/qq_18350493/article/details/107761398
今日推荐