关于弹出层(iframe)时刷新页面的js

最新推荐文章于 2026-05-03 09:45:59 发布

转载最新推荐文章于 2026-05-03 09:45:59 发布 · 563 阅读

标签

#JS #刷新

收录于

该博客主要介绍了JavaScript实现页面刷新的多种方法，包括iframe弹出子页面刷新父页面、弹出子页面刷新、子窗口刷新父窗口、刷新以不同方法打开的窗口以及刷新本页、父页和本页等，还给出了相应的代码示例。

https://blog.csdn.net/arui_email/article/details/8490064

[javascript] view plain copy

iframe弹出子页面刷新父页面iframe
parent.location.reload();

[javascript] view plain copy

弹出子页面刷新
window.opener.location.reload();

[javascript] view plain copy

子窗口刷新父窗口
self.window.opener.locaction.reload();

[javascript] view plain copy

刷新一open（）方法打开的窗口
window.opener.location.href = window.opener.location.href

[javascript] view plain copy

刷新以winodw.showModelDialog()方法打开的窗口
window.parent.dialogArguments.document.execCommand('Refresh');
或Response.Write("<script>window.location.href = window.location.href</script>");

[javascript] view plain copy

刷新本页
Response.Write("<script>window.location.href=window.location.href; </script>");

[javascript] view plain copy

刷新父页和本页面:
Response.Write("
<script>alert('提交成功！');window.location.href=window.location.href;window.opener.location=window.opener.location;</script>
");

转自：https://blog.csdn.net/y13156556538/article/details/80237441

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

误凡尘

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue组件中使用iframe元素的示例代码

08-28

本篇文章主要介绍了vue组件中使用iframe元素的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

参与评论您还未登录，请先登录后发表或查看评论

vue下iframe标签页,切换标签页,iframe不重载

12-05

vue项目中一个模板组件，不同iframe的src地址，对应不同的路由，不同标签页，且切换标签页不重载。这种客户的要求是特例在网上没有，所以纯自行手码。由于项目在vuex保存了标签页，所以初次进入该组件时，调用了一次$store。思路很关键，看懂了可复用，熟悉vue的朋友酌情下载。

react组件中通过iframe嵌入html页面

热门推荐

赶路人儿

08-30

1万+

最近在一个web前端开发的项目中，遇到了这样一个需求：项目本身使用react搭建，用antd来完成各种组件的展示，有一个需求，是要将另外一个项目中的部分页面功能加进来，另外的一个项目使用的是bootstrap+ajax库写的纯html页面。最直接的方法，将这些要加进来的页面功能使用react组件重写一遍，加到项目中，但是这样做成本非常高。于是想有没有方法，将这些html页面直接以连接的方式嵌入到现有react组件中展示。google了一下，可以通过ifram来完成。现有的react项目使用的是【上中

自学vue笔记—antdesign & iframe

pilijiaotun的博客

04-08

2573

e后端需要自己搭平台，无奈前端资源不够，只能自己摸索着开发，好在需求不难，以这篇文章开头记录一些坑，望后续能够解决 1.iframe内嵌网页 <iframe :src = "test" id = "mytest" ></iframe> //api: scrolling() frameborder() allowtransparency()等 function 随便写{ api getelementbyid 对devicewidth length做操作即可

【React】使用 antd 加载组件实现 iframe 的加载效果

qq_45677671的博客

07-19

1173

使用 antd 加载组件实现 iframe 的加载效果

解决antd中Dropdown点击iframe无法关闭的问题

txf666的博客

09-18

794

解决antd中Dropdown点击iframe无法关闭的问题

React使用antd组件 iframe 打印及单选框无选中和样式问题

qq_33453540的博客

03-30

1258

// 1. 创建iframe let iframe = document.createElement("IFRAME"); iframe.setAttribute("style","position:absolute;width:0;height:0;left:0;top:0;"); // 2. 获取要打印的内容 const el = document.querySelector(`#printContent}`); // 3. 获取内容的输入框和样式 let head = document.

js 黑马笔记

2301_78723800的博客

03-27

1641

学会通过为DOM注册事件来实现可交互的网页特效。能够判断函数运行的环境并确字 this 所指代的对象理解事件的作用，知道应用事件的 3 个步骤学习会为 DOM 注册事件，实现简单可交互的网页特交。

动态颜色关系处理工具Chain

gitblog_00296的博客

01-14

450

动态颜色关系处理工具Chain 1. 项目基础介绍 Chain 是一个开源的 Sketch 插件，用于在 Sketch 设计软件中创建和管理动态的颜色关系。它允许设计师通过链接多个图层和属性，实现颜色属性的动态变化。项目的编程语言主要是 JavaScript。 2. 项目核心功能创建颜色链：可以在多个图层之间创建颜色链，使得修改一个图层的颜色属性可以自动影响到其他链接着的图层。属性变换：在创...

JavaScript语言的数据可视化

2501_90485744的博客

02-06

316

随着大数据时代的到来，数据可视化已经成为了一个重要的研究领域。通过数据可视化，复杂的数据可以转化为更易于理解和分析的信息，从而帮助人们做出更明智的决策。在众多编程语言中，JavaScript因其在网页中广泛的应用而成为数据可视化的热门选择。本文将探讨JavaScript数据可视化的基础知识、流行库、最佳实践以及未来的发展趋势。

为什么 vim-one 是最佳 Vim 颜色主题：对比分析和实际体验

最新发布

gitblog_00918的博客

05-03

420

vim-one 是一款专为 Vim 和 Neovim 打造的轻量级颜色主题，源自 Atom 编辑器的经典 One Dark 和 One Light 配色方案。它不仅支持真彩色显示，还能根据环境自动优雅降级，为开发者提供舒适的代码编辑体验。无论是长时间编码还是夜间工作，vim-one 都能有效减轻视觉疲劳，提升代码可读性。 ## 🌈 独特优势：为什么选择 vim-one？ ### 1. 双主题

JavaScript(前端基础)

2401_87777360的博客

03-02

1051

使用场景：比较两个数据大小、是否相等实际运用例：略训专家。

一个专注通用权限控制与表单的React-antd-admin后台管理系统模板。

07-20

支持两种布局模式，Tab模式和正常模式。两种模式是webpack打包编译时确定的，打包某个模式时不会引入另外一种模式下的多余代码(React 实现Tab模式比较蛋疼)。实现了RBAC权限控制模型的核心功能页面和操作。通过解析定义好的JSON数据，可以生成查询表单，静态表单，动态表单。

react项目利用iframe集成嵌套页面跳转

qq_40266497的博客

04-21

2421

import React, { PureComponent } from 'react'; import Panel from '@/components/Panel'; import styles from './card.less'; import { Layout } from 'antd'; const { Content } = Layout; import classNames from "classnames"; import layoutStyles from "@/layouts/Bas.

iframe 一个页面嵌入到另外一个页面

m0_66288747的博客

09-20

881

iframe 一个页面嵌入到另外一个页面

前端开发：Vue中嵌套标签iframe的使用

全沾软贱开发攻城狮

10-20

1万+

前言在前端开发过程中，往原有页面中嵌入新的页面的需求也是比较常见的需求操作，尤其是在比较复杂的必须要用嵌套的场景下。前端中使用嵌套的时候，需要用到的就是iframe标签，通过该标签可以规定一个内联框架，然后放入需要嵌套的新页面即可。本篇博文来分享一下关于iframe的使用方法，尤其是对于初级开发者来说尤为重要。 iframe 1、定义和使用 <iframe> 标签规定一个内联框架，一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 2、使用说明（1）可以把需要的文本放

IFrame中常用的Reload方法

漂泊小柒的专栏

08-25

9929

方案一:用iframe的name属性定位 onclick="document.frames('ifrmname').location.reload()"> 或 onclick="document.all.ifrmname.document.location.reload()"> 方案二:用iframe的id属性定位 onclick="ifrmn

Leaflet Choropleth 项目常见问题解决方案

gitblog_01011的博客

01-02

780

Leaflet Choropleth 项目常见问题解决方案 1. 项目基础介绍和主要编程语言 Leaflet Choropleth 是一个开源项目，它为 Leaflet 地图库提供了一个 Choropleth 插件。Choropleth 地图是一种通过颜色的深浅来表示数据统计值的地图，常用于展示地理数据的分布情况。这个插件通过简单的配置，可以自动为 GeoJSON 数据中的各个区域分配颜色，从而创...

JS 逆向涉及的语法全在这，拿走不谢！

m0_62471230的博客

05-02

828

它是基于 Promise 的，因此需要了解 Promise 知识，async 相当于一个返回 Promise 的函数，await 可以在函数 async 函数中起阻塞的作用，这样可以大幅度提升代码的可读性。原型链的用途主要是为了理解 JavaScript 代码当中继承和代码的复用的，因为在 ES6 出来之前，JavaScript 中只能用原型来进行对象的封装和继承，理解原型链有助于理解整个继承和调用的过程。相反的是，用定义变量的方式的函数就会有一定的执行顺序。第二，所有的参数和变量都保存在返回的函数里面；

Vue-Choropleth 项目推荐

gitblog_00966的博客

12-26

868