zoukankan      html  css  js  c++  java
  • javascript页面刷新的几种方法

    javascript refresh page 几种页面刷新的方法

    本节内容:Javascript刷新当前页面的方法与实例。

    window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。
    Javascript刷新页面的几种方法: 
    1 history.go(0)
    除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据
    不刷新
    2 location.reload()
    要重新连服务器以读得新的页面(虽然页面是一样的) 
    刷新
    3 location=location
    要在javascript中导航,不是调用window对象的某个方法,而是设置它的location.href属性,location属性是每个浏览器都支持的。比如:
    <span onclick=”javascript:window.location.href=’#top’”>top</span>
    执行后有后退、前进
    4 location.assign(location)
    加载 URL 指定的新的 HTML 文档。 就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。 
    5 document.execCommand('Refresh') 
    6 window.navigate(location)
    MSDN说的window.navigate(sURL)方法是针对IE的,不适用于FF,在HTML DOM Window Object中,根本没有列出window.navigate方法。
    7 location.replace(location)
    执行后无后退、前进
    通过加载 URL 指定的文档来替换当前文档 ,这个方法是替换当前窗口页面,前后两个页面共用一个
    窗口,所以是没有后退返回上一页的
    8 document.URL=location.href

    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

    自动刷新页面的方法: javascript自动刷新页面方法详解
    1.页面自动刷新:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="20">
    其中20指每隔20秒刷新一次页面.

    2.页面自动跳转:把如下代码加入<head>区域中
    <meta http-equiv="refresh" content="20;url=http://www.jbxue.com">
    其中20指隔20秒后跳转到http://www.jbxue.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> www.jbxue.com
    ( 或 <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()
    </script>
    复制代码
     
    分类: Javascript
     
    好文要顶 关注我 收藏该文  
    3
    2
     
     
     
    « 上一篇:MySQL循环语句实例教程 mysql while循环测试
    » 下一篇:iframe调用父页面函数用法举例
  • 相关阅读:
    Mac上的USB存储设备使用痕迹在新版操作系统有所变化
    Beware of the encrypted VM
    A barrier for Mobile Forensics
    Second Space could let suspect play two different roles easily
    Take advantage of Checkra1n to Jailbreak iDevice for App analysis
    Find out "Who" and "Where"
    Where is the clone one and how to extract it?
    Downgrade extraction on phones running Android 7/8/9
    高版本安卓手机的取证未来
    How to extract WeChat chat messages from a smartphone running Android 7.x or above
  • 原文地址:https://www.cnblogs.com/qqhfeng/p/10286751.html
Copyright © 2011-2022 走看看