js location.replace与location.reload的区别

 更新时间:2010年09月08日 11:41:45   作者:  
js location.replace与location.reload的区别,经常能用的到,需要的朋友可以可以下。
location.reload相当于我们按F5,页面在服务器端已经存在,isPostBack页面不会从服务器端重新生成,然后返回客户端

会在浏览器的历史浏览记录中增加一条记录

location.replace 页面会从服务器端重新创建,not ispostback,这个是用新的url代替原Url,把Histrory里面url也替换成了新的Url

window.location.href,本层页面跳转

首先,定义一个iframe
复制代码 代码如下:

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

aa.htm内容如下:
复制代码 代码如下:

<input type ="button" value ="刷新" onclick ="aa()"/>
function aa() {
//parent.location.replace(parent.location.href);//服务器端重新创建页面
parent.document.location.reload();//相当于F5
//window.location.href(parent.location.href);//iframe内容重定向
}

相关文章

  • p5.js绘制创意自画像

    p5.js绘制创意自画像

    这篇文章主要为大家详细介绍了p5.js绘制创意自画像,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • 用Js实现的动态增加表格示例自己写的

    用Js实现的动态增加表格示例自己写的

    动态增加表格的方法有很多,但大多说实现起来比较繁琐,本文的这个示例是作者自己手写的,经测试效果还不错,但唯独不兼容FF,感兴趣的朋友可以参考下
    2013-10-10
  • JS匹配日期和时间的正则表达式示例

    JS匹配日期和时间的正则表达式示例

    这篇文章主要介绍了JS匹配日期和时间的正则表达式,结合实例形式分析了JS匹配日期、时间及日期+时间等时间格式的相关实现技巧,需要的朋友可以参考下
    2017-05-05
  • window.location和document.location的区别分析

    window.location和document.location的区别分析

    用户不能改变document.location(因为这是当前显示文档的位置)。但是,可以改变window.location (用其它文档取代当前文档)window.location本身也是一个对象,而document.location不是对象
    2008-12-12
  • 原生JS实现酷炫分页效果

    原生JS实现酷炫分页效果

    这篇文章主要为大家详细介绍了原生JS实现酷炫分页效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • 使用Electron自制录屏软件

    使用Electron自制录屏软件

    录屏软件对于我们来说都不陌生了,本文我们要做的事情是实现自己的录屏软件,载体使用Electron,因为它更适合录制桌面的场景,下面我们就来看看具体实现方法吧
    2024-01-01
  • Javscript调用iframe框架页面中函数的方法

    Javscript调用iframe框架页面中函数的方法

    这篇文章主要介绍了Javscript调用iframe框架页面中函数的方法,可实现iframe之间传值或修改值,是非常实用的技巧,需要的朋友可以参考下
    2014-11-11
  • 直接拿来用的页面跳转进度条JS实现

    直接拿来用的页面跳转进度条JS实现

    这篇文章主要为大家分享了一款直接拿来用的页面跳转进度条,由javascript实现,可以直接跳转到相应页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 微信小程序实现自定义底部导航

    微信小程序实现自定义底部导航

    这篇文章主要为大家详细介绍了微信小程序实现自定义底部导航,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • ES6使用 const 声明过程详解

    ES6使用 const 声明过程详解

    这篇文章主要介绍了ES6使用 const 声明,本文给大家介绍的非常详细对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-08-08

最新评论