zoukankan      html  css  js  c++  java
  • js刷新页面location.reload()用法

    转:

    js刷新页面location.reload()用法

    本文介绍了js刷新页面函数location.reload()的用法,有关js location.reload()函数的例子,有需要的朋友参考下。

    在javascript编程中,多使用location.reload实现页面刷新。

    例子:
     

    复制代码代码示例:
    window.location.href=window.location.href; 
    window.location.reload; 
     

    经测试,这两句在某些情况下可以代替location.reload(true);
    而不会出现重试对话框达到刷新的效果

    在js中实现刷新页面的方法有很多种,在js中有一个location.reload()函数,它就可以实现我们想要的功能。 
    window.location.reload(true) //浏览器重新从服务器请求资源,在http请求头中不会包含缓存标记。

    例1,刷新当前页面
     

    复制代码代码示例:
    <script> 
    window.location.reload(); 
    </script>

    例2,JS实现刷新iframe的方法 
    用iframe的name属性定位 
     

    复制代码代码示例:
    <input type="button" name="Button" value="Button" οnclick="document.frames('ifrmname').location.reload()"> 
    或 
    <input type="button" name="Button" value="Button" οnclick="document.all.ifrmname.document.location.reload()">

    例3,首先,定义一个iframe 
     

    复制代码代码示例:
    <iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

    aa.htm页面的内容: 
     

    复制代码代码示例:
    <input type ="button" value ="刷新" onclick ="aa()"/> 
    function aa() { (jquery中文网 www.jquerycn.cn 编辑整理)
    //parent.location.replace(parent.location.href);//服务器端重新创建页面 
    parent.document.location.reload();//相当于F5 
    //window.location.href(parent.location.href);//iframe内容重定向 
    }

    注意:
    window.location.reload;
    刷新时如果提交数据的动作,则会出现对话框!

    解决办法:
     

    复制代码代码示例:
    window.location.href=window.location.href; 
    window.location.reload;

    刷新父窗口:
     

    复制代码代码示例:
    window.opener.location.href=window.opener.location.href; 
    window.opener.location.reload(); 
     

    这种写法不会显示对话框。


    原文地址:http://www.jquerycn.cn/a_11620

  • 相关阅读:
    采购订单打印并预览PDF
    KiCad 如何在原理图添加元件时看到 PCB 封装?
    KiCad 开源元件库收集 (2019-05-31)
    KiCad 的 Digikey 元件库
    MySQL 出现 Host is blocked because of many connection errors; unblock with 'mysqladmin flush-hosts'
    AD10 没有原理图是否可以修改 PCB
    KiCad 如何画板框
    当 1117 遇到 MLCC 后
    RequireJS 学习资料收集
    MEMS 硅麦资料收集
  • 原文地址:https://www.cnblogs.com/libin6505/p/11598332.html
Copyright © 2011-2022 走看看