蚂蚁论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 40|回复: 0

JS在一定时间内跳转页面及各种刷新页面的实现方法

[复制链接]

1979

主题

1

好友

1609

积分

管理员

Rank: 64Rank: 64Rank: 64Rank: 64

  • TA的每日心情
    奋斗
    2016-1-22 16:23
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    荣誉管理 论坛元老 热心会员 活跃会员 最佳新人 灌水之王

    发表于 2017-10-12 21:08:01 |显示全部楼层
    JS在一定时间内跳转页面及各种刷新页面的实现方法
    1js 代码:



    lt;SCRIPT LANGUAGE="JavaScript"gt;
    var time = 5; //时间,秒
    var timelong = 0;
    function diplaytime(){ //时间递减
    documentallhisinnerHTML = time -timelong ;
    timelong ++;
    }
    function redirect(){ //跳转页
    //historyback();
    windowlocationhref="Category-list";//指定要跳转到的目标页面
    }
    timer=setInterval('diplaytime()', 1000);//显示时间
    timer=setTimeout('redirect()',time * 1000); //跳转
    lt;/SCRIPTgt;

    2页面引用:



    lt;DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" gt;
    如果你不执行任何操作,系统会在5秒后自动返回!
    lt;/DIVgt;
    lt;DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" id="his"gt;
    5秒钟后自动返回
    lt;/DIVgt;

    javascript/js 自动刷新页面和页面跳转的实现方法

    1)


    lt;meta http-equiv="refresh"content="10;url=跳转的页面"gt;

    10表示间隔10秒刷新一次
    2)


    lt;script language=''javascript''gt;
    windowlocationreload(true);
    lt;/scriptgt;

    如果是你要刷新某一个iframe就把window给换成frame的名字或ID号

    3)


    lt;script language=''javascript''gt;
    windownavigate("本页面url");
    lt;/scriptgt;

    4gt;



    function abc()
    {
    windowlocationhref="/blog/windowlocationhref";
    setTimeout("abc()",10000);
    }

    刷新本页:


    ResponseWrite("lt;script language=javascriptgt;windowlocationhref=windowlocationhref;lt;/scriptgt;")

    刷新父页:


    ResponseWrite("lt;script language=javascriptgt;openerlocationhref=openerlocationhref;lt;/scriptgt;")

    转到指定页:


    ResponseWrite("lt;script language=javascriptgt;windowlocationhref='yourpageaspx';lt;/scriptgt;")

    刷新页面实现方式总结(HTML,ASP,JS)'by aloxy

    定时刷新:
    1,



    lt;scriptgt;setTimeout("locationhref='url'",2000)lt;/scriptgt;

    说明:url是要刷新的页面URL地址
    2000是等待时间=2秒,

    2,lt;meta name="Refresh" content="n;url"gt;
    说明:
    n is the number of seconds to wait before loading the specified URL
    url is an absolute URL to be loaded
    n,是等待的时间,以秒为单位
    url是要刷新的页面URL地址

    3,lt;%responseredirect url%gt;
    说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用responseredirect刷新。

    4,刷新框架页


    〈script language=javascriptgt;topleftFrmlocationreload();parentfrmToplocationreload();lt;/script〉

    弹出窗体后再刷新的问题



    ResponseWrite("lt;scriptgt;windowshowModalDialog('/OA/SPCLaspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')lt;/scriptgt;");//open
    ResponseWrite("lt;scriptgt;documentlocation=documentlocation;lt;/scriptgt;");

    在子窗体页面代码head中加入lt;base target="_self"/gt;

    刷新的内容加在 if (!IsPostBack)中在框架页中右面刷新左面


    //刷新框架页左半部分
    ResponseWrite("lt;script language=javascriptgt;");
    ResponseWrite("parentleftlocationhref='PayDetailManage_Leftaspx'");
    ResponseWrite("lt;/scriptgt;");

    页面定时刷新功能实现

    有三种方法:
    1,在html中设置:
    lt;titlegt;xxxxxlt;/titlegt;之後加入下面这一行即可!
    定时刷新:lt;META HTTP-EQUIV="Refresh" content="10"gt;
    10代表刷新间隔,单位为秒

    2jsp
    lt;% responsesetHeader("refresh","1"); %gt;
    每一秒刷新一次

    3使用javascript:


    lt;script language="javascript"gt;
    setTimeout("selflocationreload();",1000);
    lt;scriptgt;

    一秒一次
    页面自动跳转:
    1,在html中设置:
    lt;titlegt;xxxxxlt;/titlegt;之後加入下面这一行即可!
    定时跳转并刷新:lt;meta http-equiv="refresh" content="20;url=自己的URL"gt;,其中20指隔20秒后跳转到自己的URL

    页面。

    点击按钮提交表单后刷新上级窗口

    A窗口打开B窗口

    然后在B里面提交数据至C窗口
    您需要登录后才可以回帖 登录 | 立即注册

    关闭

    蚂蚁站长论坛推荐上一条 /1 下一条

    QQ|Archiver|手机版|广告服务|蚂蚁站长-站长之家 ( 黔ICP备16008478号-1  

    GMT+8, 2017-10-23 06:49

    Powered by 站长论坛

    © 2007-2013 Jzant.com Inc.

    回顶部