利用js实现网页页面中单个框架的刷新
上一篇 /
下一篇 2012-03-24 13:40:01
/ 个人分类：技术杂谈--随笔录
单个框架刷新语句js命令：
window.parent.frames['mainFrame'].location.reload();
其中mainFrame是需要刷新的框架的id号。
举例说明：
功能是在上部框架(topFrame)实现刷新下部框架（mainFrame）的功能.
index.jsp页分为上下结构框架，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>首页</title>
</head>
<frameset rows="127,*,11" frameborder="no" border="0" framespacing="0">
<frame. src="reload.html" name="topFrame" scrolling="No"
noresize="noresize" id="topFrame" />
<frame. src="testReload.html" name="mainFrame" id="mainFrame" />
</frameset>
<body>
</body>
</html>
topFrame框架导入的网页reload.html代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>刷新页面中的单个框架</title>
<script. language="JavaScript" type="text/javascript">
function reload(){
window.parent.frames['mainFrame'].location.reload();
}
</script>
</head>
<body>
<form>
<input type="button" value="刷新" nclick="reload();">
</form>
</body>
</html>
mainFrame框架代码testReload.html如下，实现统计访问人数功能
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>统计访问量</title>
</head>
<body>
<%--这是声明一个变量 --%>
<%!int number=1; %>
<%!//这是声明一个方法
public int count(){
return number++;
}
%>
<%
//JSP程序代码
out.println("Hello JSP!");
out.println("欢迎使用JSP交互式动态网页！");
%>
<br/>
<%="你是第"+count()+"个客人！" %>
<br>
</body>
</html>
当单击刷新按钮是，下部框架内容相应的刷新
收藏
举报
TAG:
