利用frame进行页面跳转

最新推荐文章于 2024-06-07 13:48:48 发布

小菜鸟懒懒

最新推荐文章于 2024-06-07 13:48:48 发布

阅读量6.3k

点赞数

分类专栏： javascript 文章标签： frame 页面跳转不刷新 html

本文链接：https://blog.csdn.net/u012691896/article/details/47656411

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在很多系统中，都会存在从查询页面跳转至详情或者查看页面的情况，在从查看页面返回时用户不想要查询页面进行了刷新，这样页面直接跳转则达不到这种要求

可以通过frame方式，进行显示的控制，并不是真正的进行跳转，那么页面不会进行刷新

代码实现如下：

base页面

<head>
<script language="javascript">
	    function showPage(type,url)
	    {
			if(type=="1")
			{
			 frmMain.rows="0,*";	
			}
			else
			{
			 frmMain.rows="*,0";	
			}				   
			document.all.frame2.src=url;
	    }   
		</script>

</head>
<frameset rows="*,0" border="0" id="frmMain">
    <frame name="frame1" src="Index.html" scrolling="auto">
    <frame name="frame2" src="" noresize scrolling="auto">
    <noframes>
        <pre id="p2"></pre>
    </noframes>
</frameset>

查询页面：

<head>
<script>
function GoToUrl() 
{
if (parent != null && parent.showPage != null) 
            {
                parent.showPage(1,"view.html");
            }
            else 
			{
                // 不存在框架转入则直接转入
                opennewwin("view.html", 700, 600);
            } // end if
}
</script>
</head>
<body>
<h1>查询页面</h1>
<input type="button" name="button" οnclick="javascript:GoToUrl(); return false;" value="查看"/>
</body>

查看页面：

<head>
<script>
 function returnback() 
{
   parent.showPage(0,"index.html");
}
</script>
</head>
<body>
<h2>这是查看页面</h2>
<input class="button" type="button" runat="server" id="btnBack" οnclick="javascript:returnback(); return false;"
                    value="返回" />
</body>

小菜鸟懒懒

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
利用frame进行页面跳转

在很多系统中，都会存在从查询页面跳转至详情或者查看页面的情况，在从查看页面返回时用户不想要查询页面进行了刷新，这样页面直接跳转则达不到这种要求可以通过frame方式，进行显示的控制，并不是真正的进行跳转，那么页面不会进行刷新代码实现如下：base页面 function showPage(type,url) { if(type=="1") {
复制链接

扫一扫

专栏目录