zoukankan      html  css  js  c++  java
  • JavaScript 刷新页面代码(汇总)

    1. 页面设置自动刷新

    <meta http-equiv="refresh"content="10;url=想要跳转的页面"> 
      注:10 表示间隔10秒刷新一次
    

    2. 利用JavaScript加载刷新

    1)<script type=''text/javascript''>window.location.reload(true);</script>
    注:利用JavaScript的window事件进行对应的操作,若要刷新某一个iframe就把window给换成iframe的名字或id 号。
    
    2) <script language=''javascript''>window.navigate("本页面url");</script>
    1 function abc(){
    2   window.location.href="/blog/window.location.href";
    3   setTimeout("abc()",10000);
    4 }
    1 刷新本页:
    2 Response.Write("<script type="text/javascript">window.location.href=window.location.href;</script>")
    3 
    4 刷新父页:
    5 Response.Write("
    6 <script type="text/javascript">opener.location.href=opener.location.href;</script>")
    7 
    8 转到指定页:
    9 Response.Write("<script type="text/javascript">window.location.href='yourpage.html';</script>")
    1 定时刷新:
    2 <script>setTimeout("location.href='url'",2000)</script>
    3 
    4 说明:url是要刷新的页面URL地址,2000是等待时间=2秒,
    <meta name="Refresh" content="n;url">
    
    说明:n,是等待的时间,以秒为单位;url是要刷新的页面URL地址.

    页面定时刷新功能实现

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

    2.jsp
    <% response.setHeader("refresh","1"); %>
    每一秒刷新一次

    3.使用javascript:
    <script language="javascript">
    setTimeout("self.location.reload();",1000);
    <script>
    一秒一次


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


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

    A窗口打开B窗口

    然后在B里面提交数据至C窗口

    最后要刷新A窗口

    并且关闭B窗口

    几个javascript函数

    //第一个自动关闭窗口
    <script language="javascript">
    <!--
    function clock(){i=i-1
    document.title="本窗口将在"+i+"秒后自动关闭!";
    if(i>0)setTimeout("clock();",1000);
    else self.close();}
    var i=2
    clock();
    //-->
    </script>

    //第二个刷新父页面的函数

    <script language="javascript">
    opener.location.reload();
    </script>


    //第三个打开窗口

    <script language="javascript">
    function show(mylink,mytitle,width,height)
    {mailwin=window.open(mylink,mytitle,'top=350,left=460,width='+width+',height='+height+',scrollbars=no')}
    </script>

    js刷新父页面

    非模态刷新父页面:window.opener.location.reload(); 
    模态刷新父页面:window.dialogArguments.location.reload(); 

    Response.Write("<script language="javascript"> "); 
    Response.Write("<!-- "); 
    Response.Write("if(dialogArguments != null){ "); 
    // 注意上面的dialogArguments,就是父页面showModalDialog()的第二个参数。 
    // 就是父页面的window对象引用。 
    Response.Write("dialogArguments.location.reload(true); "); 
    // 上面就是刷新父页的代码,相当于在父页上使用 
    // window.location.reload(true);代码 
    Response.Write("window.close();}"); // 关闭对话框 
    Response.Write("//--> </script>"); //关闭脚本块 

    上面的代码就是关闭对话框和刷新父页的代码,这段代码也可以直接写入editdata.aspx的html中,然后在后台cs中调用

    <script> 
    <!--

    var limit="0:10"

    if (document.images){ 
    var parselimit=limit.split(":") 
    parselimit=parselimit[0]*60+parselimit[1]*1 

    function beginrefresh(){ 
    if (!document.images) 
    return 
    if (parselimit==1) 
    window.location.reload() 
    else{ 
    parselimit-=1 
    curmin=Math.floor(parselimit/60) 
    cursec=parselimit%60 
    if (curmin!=0) 
    curtime=curmin+"分"+cursec+"秒后重刷本页!" 
    else 
    curtime=cursec+"秒后重刷本页!" 
    window.status=curtime 
    setTimeout("beginrefresh()",1000) 

    }

    window.onload=beginrefresh 
    file://--> 
    </script>

    Javascript刷新页面的几种方法:

    1    history.go(0)

    2    location.reload()

    3    location=location

    4    location.assign(location)

    5    document.execCommand('Refresh')

    6    window.navigate(location)

    7    location.replace(location)

    8    document.URL=location.href

    自动刷新页面的方法:

    1.页面自动刷新:把如下代码加入<head>区域中

    <meta http-equiv="refresh" content="20">

    其中20指每隔20秒刷新一次页面.

    2.页面自动跳转:把如下代码加入<head>区域中

    <meta http-equiv="refresh" content="20;url=http://www.wyxg.com">

    其中20指隔20秒后跳转到http://www.wyxg.com页面

    3.页面自动刷新js版

    <script language="JavaScript">

    function myrefresh()

    {

           window.location.reload();

    }

    setTimeout('myrefresh()',1000); //指定1秒刷新一次

    </script>

    JS刷新框架的脚本语句

    //如何刷新包含该框架的页面用   

    <script language=JavaScript>

       parent.location.reload();

    </script>   

    //子窗口刷新父窗口

    <script language=JavaScript>

        self.opener.location.reload();

    </script>

    ( 或 <a href="javascript:opener.location.reload()">刷新</a>    )

    //如何刷新另一个框架的页面用   

    <script language=JavaScript>

       parent.另一FrameID.location.reload();

    </script>

    如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

    <body onload="opener.location.reload()"> 开窗时刷新

    <body onUnload="opener.location.reload()"> 关闭时刷新

    <script language="javascript">

    window.opener.document.location.reload()

    [JS]让页面仅自动刷新一次http://hi.baidu.com/lwlfree/blog/item/9a1ae024a41dd50b4c088ddd.html

    最近在做一个模块,其中用到了选项卡。对比之后,决定使用JQuery的UI插件中的TAB功能。

    虽然JQ的TAB有一个直接读取页面的功能,但是一般都是按照UTF-8编码读出的,因此想重用之前的页面加载到TAB里就出现了大量的源码。最后决定,让TAB不直接读取应用页面,仅读取中转页面(中转页面中使用IFRAME来加载应用页面),从而达到切换TAB时动态加载应用页面的功能。

    然而使用IFRAME之后,发现要想使应用页面与TAB框架页浑然一体的话,必须使IFRAME能够自适应应用页面的高度,虽然使用了JS来使IFRAME自适应内部页面的高度,但是当应用页面几乎与框架同时加载完毕时,还是无法自适应IFRAME的高度,但是刷新IFRAME内部的页面时,就可以自适应高度。

    由此想到让页面延时刷新的思路,但是仅使用setTimeout("window.location.reload();",500)来实现的时候,发现页面会不停的刷,原因是:延时刷新之后,页面重新加载setTimeout认为还是第一次加载页面,因而会不断的刷新。

    最后使用下面的代码,解决了此问题,代码如下:

    function reurl(){

        url = location.href; //把当前页面的地址赋给变量 url

        var times = url.split("$"); //分切变量 url 分隔符号为 "$"

        if(times[1] != 1){ //如果$后的值不等于1表示没有刷新

            url += "&$1"; //把变量 url 的值加入 $1

            self.location.replace(url); //刷新页面

        }
    }

    window.onload = function () { setTimeout("reurl();",500) }

    以上JS代码可用于带GET参数的URL。

    3. 点击刷新页面

    1 <button type="button" onclick="window.location.href=window.location.href">Click</button>

    注:参考文章来源:http://www.cnblogs.com/weixing/p/4096791.html

      

  • 相关阅读:
    ubuntu安装mysql并使用Navicat连接
    二叉树基础知识点
    Javascript 16进制转有符号的10进制整数
    Node.js 学习笔记(二)
    API测试如何演变为应用程序开发的常规部分
    API在线文档
    API文档自动生成的方法
    快速对比API版本
    如何使用OPENAPI进行质量检查
    【分享】什么是API网关?大公司为什么都有API网关?
  • 原文地址:https://www.cnblogs.com/xbyl/p/5737737.html
Copyright © 2011-2022 走看看