zoukankan      html  css  js  c++  java
  • html-javascript前端页面刷新重载的方法汇总

    记得我在兴安得力实习要转正的时候,我领导象征性的给我出了一套测试题目,里面就有js闭包和页面刷新等题目。今天把很久之前的测试题目之一,js页面刷新的方法以及页面自动刷新跳转和返回上一页和下一页等方法总结一下,仅供大家参考!

    一、javascript页面刷新重载的方法:

    <a href="javascript:location.reload();">点击重新载入页面</a>
    <a href="javascript:history.go(0);">点击重新载入页面</a>
    <a href="javascript:location=location;">点击重新载入页面</a>
    <a href="javascript:location=location.href;">点击重新载入页面</a>
    <a href="javascript:location.replace(location);">点击重新载入页面</a>
    <a href="javascript:location.replace(location.href);">点击重新载入页面</a>
    <a href="javascript:location.assign(location);">点击重新载入页面</a>
    <a href="javascript:location.assign(location.href);">点击重新载入页面</a>
    <!--// 以下只支持ie -->
    <a href="javascript:document.URL=location.href;">点击重新载入页面</a>
    <a href="javascript:navigate(location);">点击重新载入页面</a>
    <a href="javascript:document.execCommand('Refresh');">点击重新载入页面</a>
    <!--// 以上只支持ie -->

    二、html链接重新载入方法

    <!--// 以下不支持ie -->
    <a href="">点击重新载入页面</a>
    <!--// 以上不支持ie -->
    <a href="页面本身">点击重新载入页面</a>

    三、自动刷新页面的方法

    <meta http-equiv="refresh" content="20">  //代码放在head中,每隔20秒钟刷新一次
    
    <meta http-equiv="refresh" content="20;url=http://www.haorooms.com">  //20秒之后页面跳转到haorooms中,通常运用到404页面
    
    //js自动刷新
    function myrefresh()
    
    {
    
           window.location.reload();
    
    }
    
    setTimeout('myrefresh()',1000); //指定1秒刷新一次

    三、返回上一页和下一页的方法

    history.go(-1)//返回上一页(括号中写-2代表返回上两页)
    
    history.back()//返回上一页
    
    window.history.forward()  //返回下一页
  • 相关阅读:
    58同城2018提前批前端笔试题总结
    两栏式布局和三栏式布局
    Less学习总结
    网易2018提前批前端笔试编程题
    编写一个函数isMerge,判断一个字符串str是否可以由其他两个字符串part1和part2“组合”而成
    【转】 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
    JS数组精简的十三个技巧
    Docker常用命令(命令大全)
    ES6之新的数据结构
    JavaScript高级程序设计(第3版)每章小结(1-5)
  • 原文地址:https://www.cnblogs.com/aishangliming/p/6285706.html
Copyright © 2011-2022 走看看