Javascript刷新窗口方法小结
JavaScript窗口刷新方法详解:四种实用技巧
本文将向大家介绍四种在JavaScript中刷新窗口的常用技巧,结合实例,供朋友们参考学习。
一、刷新父窗口
在子窗口中,可以使用以下代码刷新父窗口:
```javascript
function refreshParent() {
window.opener.location.reload();
}
```
调用此函数即可刷新父窗口。
二、刷新当前窗口
刷新当前窗口的方法有多种,以下是其中一种常见的方式:
```javascript
function refreshThisWindow() {
location.reload();
}
```
调用该函数即可实现当前窗口的刷新。
三、以新方式刷新当前窗口
有时我们需要以不缓存的方式刷新页面,可以这样做:
```javascript
var currentUrl = this.location.href; // 获取当前URL
var currentQuery = this.location.search; // 获取查询字符串(如果有的话)
window.location.href = currentUrl + currentQuery; // 重新加载当前页面,但不从缓存中获取数据
```
这种方法将重新加载页面,但不会从浏览器缓存中获取数据。这对于确保页面内容是的特别有用。
四、刷新当前窗口并追加参数
除了刷新页面外,我们还可以在页面刷新时追加参数:
```javascript
var currentUrl = this.location.href; // 获取当前URL
var currentQuery = this.location.search; // 获取查询字符串(如果有的话)
window.location.href = currentUrl + currentQuery + "&language=English"; // 追加参数后重新加载页面
```这个例子在刷新页面的追加了一个名为“language”的参数,其值为“English”。你可以根据需要修改和添加更多的参数。希望本文所述对大家在学习JavaScript程序设计时有所帮助。
结束标记:完成。 如有需要请随时联系我们。
编程语言
- Javascript刷新窗口方法小结
- jquery插件star-rating.js实现星级评分特效
- webpack4 css打包压缩问题的解决
- PHP采用自定义函数实现遍历目录下所有文件的方
- SQL SERVER调用存储过程小结
- jQuery获取字符串中出现最多的数
- js判断登陆用户名及密码是否为空的简单实例
- PDO--inTransaction讲解
- IE9+已经不对document.createElement向下兼容的解决方法
- php实现二进制和文本相互转换的方法
- 让nodeJS支持ES6的词法----babel的安装和使用方法
- 校验普通电话、传真号码的正则表达式(可以+开头
- JS自定义函数实现时间戳转换成date的方法示例
- 解决vue props 拿不到值的问题
- 前端构建工具之gulp的配置与搭建详解
- php 判断字符串编码是utf-8 或gb2312实例