整容说文库 > 程序代码 > 教育资讯

页面自动跳转,同时刷新另一个页面用js怎么作

来源:学生作业帮助网 编辑:整容说文库 时间:2020/12/04 16:23:48 程序代码
页面自动跳转,同时刷新另一个页面用js怎么作程序代码
我有一个框架,里面包含A.jsp  和 B.jsp 
当B.jsp通过<meta http-equiv="refresh"方式(如果用其他方式能够 实现定时跳转更好)跳转到其他页面,同时刷新A.jsp,请大家帮忙
有人知道吗,急等
jsp的window对象的setTimeout方法:表达式为:window.setTimeout(代码字符表达式,毫秒数)
功能:定时设置,当到了指定的毫秒数后,自动执行代码字符表达式。
我把 CSDN 错误跳转的页面改造了下, 你琢磨琢磨~~~

实现功能: 3秒后, 两个页面同时跳转


这个是框架
<frameset rows="50%, *">
<frame src="csdn.html">
        <frame src="about:blank" name="target">
</frameset>



下面是 csdn.html
<%@ Page Language="C#" EnableViewState="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script type="text/javascript">
    <!--
    var duration=2900;
    var endTime = new Date().getTime() + duration + 100;
    function interval()
    {
        var n=(endTime-new Date().getTime())/1000;
        if(n<0) return;
        document.getElementById("timeout").innerHTML = n.toFixed(3);
        setTimeout(interval, 10);
    }
    window.onload=function()
    {
        setTimeout("window.location.href='http://community.csdn.net/index.htm'", duration);
        interval();
    }
    //-->
    </script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>发生错误</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            对不起!你所访问的页面出错!<br />
            系统在 <span id="timeout">3.000</span> 秒后 将自动跳转到 <a href="http://community.csdn.net/index.htm">社区首页</a>
        </div>
    </form>
</body>
</html>


接上 : 

这个是改造后的 CSDN.html

<%@ Page Language="C#" EnableViewState="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script type="text/javascript">
    <!--
    var duration=2900;
    var endTime = new Date().getTime() + duration + 100;
    function interval()
    {
        var n=(endTime-new Date().getTime())/1000;
        if(n<0) return;
        document.getElementById("timeout").innerHTML = n.toFixed(3);
        setTimeout(interval, 10);
    }
    window.onload=function()
    {
        setTimeout("jump()", duration);
        interval();
    }

    function jump()
    {
        window.location.href='http://community.csdn.net/index.htm';
        //下面的这句话实现另外的页面跳转   target是目标frame的名字
        parent.target.location.href='http://community.csdn.net/index.htm';
    }


    //-->
    </script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>发生错误</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            对不起!你所访问的页面出错!<br />
            系统在 <span id="timeout">3.000</span> 秒后 将自动跳转到 <a href="http://community.csdn.net/index.htm">社区首页</a>
        </div>
    </form>
</body>
</html>
mark
mark
你可以写一个AJAX啊!那样就可以实现局部刷新了
程序代码