iframe中，重新加载页面

最新推荐文章于 2025-02-10 10:18:31 发布
最新推荐文章于 2025-02-10 10:18:31 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/mrxiaohe/p/5215759.html
本文介绍了一种在IFrame中的网页通过设置onclick事件来实现页面刷新的技术方案。具体实现方式为定义一个名为flush的函数，在该函数中使用window.location.reload()来完成页面的重新加载。

比如在iframe中的页面，设置一个onclick事件的触发函数flush

function flush(){
    window.location.reload();
}

 

转载于:https://www.cnblogs.com/mrxiaohe/p/5215759.html

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
12-03
用JavaScript刷新上级页面和当前页面 代码如下: [removed] //刷新上级页面 //window.parent.main.[removed].reload(); //刷新当前页面 [removed].reload(); [removed] 每个frame元素或者iframe元素就是一个框架,这个框架是一个窗口,在这个窗口中加载一个html文档.使用下面的几种方法都可以引用frame或iframe元素: 代码如下: window.frames[index] windows.frames[“框架名”]
简单解决iframe无法被keepalive缓存，导致切换页面时会不停的重新加载iframe页面
weixin_72436508的博客
11-15 2441
接手别人的项目，然后遇到了一个问题，公司的后台项目之前有一个版本是用php写的，有几百个菜单页面，然后重构成新的版本页面需要时间，但是新老版本又需要交替使用，所以新项目里面的老项目页面是通过iframe加载的 但是呢遇到一个问题就是每次切换tab和左边菜单的时候，iframe都会重新加载，哪怕写了keepalive也没用，页面不会被缓存，后面读了一下router，也大概知道keepalive的原理，原理也不复杂，简单点说就是，iframe加载的页面属于是网络资源，keepalive并不会缓存iframe的
vue的iframe重载
weixin_35748962的博客
01-09 1892
如果您想在 Vue 应用程序中重新加载一个嵌入在 iframe 中的网页，您可以使用下面的代码： document.getElementById("iframeId").contentWindow.location.reload(); 您需要使用 iframe 的 id 来访问它，然后调用 contentWindow 属性并使用 location.reload 方法来重新加载网页。 请注意，这只...
关于使用iframe导致页面重复加载的问题
nininna的博客
08-15 3039
记录一个坑，页面使用iframe想要动态加载内容，代码如下，但是“test"总会输出两次，后来找到了原因，是iframe的src导致页面重复加载所以js加载了两次；将src属性删掉，js里直接动态绑定，这样就不会在加载页面时重复执行js，
iframe重新加载最简单的方法！初次渲染和更新后渲染不会引起其他页面变动
一枚不断学习的小码农一枚~
03-18 1829
我们项目有一个【加载场景】【切换场景】的需求，iframe是子组件，数据传过去之后没有重新加载 ，我测试发现 重新渲染的时候，iframe的load方法没有重新加载，数据变动后也不会影响，然后我用了网上好几种方法，发现都有bug。我们知道改变iframe的src方法会使其重新加载，我本来还在想，如何改变这个变量，然后先试了一下，直接取出ifrmae的src属性再赋值给src，结果成功了哈哈哈哈。比如，在useeffect里接收子组件参数去请求服务端后使用reload方法，会引起页面死循环。
判断iframe里的页面是否加载完成
09-04
// 当iframe加载完成后，执行此函数 console.log("加载完成"); // 如果需要在父页面中调用iframe页面的方法，可以这样操作 // 假设iframe页面有一个名为AddReceipt2的方法 if (iframeElement.contentWindow &...
根据TreeView节点选择在IFRAME中加载页面
04-07
标题“根据TreeView节点选择在IFRAME中加载页面”描述的就是一种方法，它允许用户在不进行整个页面刷新（即回发）的情况下，通过点击TreeView控件的节点来改变IFrame中显示的页面。 TreeView控件是ASP.NET中的一个...
iframe实现页面局部刷新操作
09-26
使用iframe实现图片上传以及上传后的本页面无刷新展示。运行环境是php和jq
js实现iframe内容加载失败自动重新加载功能
扣丁曼
01-17 1619
iframe页面加载失败自动重新加载解决方案
【iframe页面嵌套后修改iframeUrl后页面不刷新】
CWT19940910的博客
10-28 3803
在主页面中嵌套了一个iframe页面,需要点击左侧树的叶子节点后会修改iframe的url地址,同时刷新iframe页面.第一次点击树的叶子节点能够加载iframe页面,但是接着点击其他节点修改url地址时,iframe页面不会刷新。点击节点修改url地址之后,监听url值的变化并重新加载iframe页面。------监听iframeUrl的变化并重新加载。修改iframe的url地址时页面没有重新加载。-----data中定义iframeUrl。-----修改url地址。
js重新加载iframe框架
AVATAR
04-19 3356
重新加载iframe框架 window.parent.frames['bottom'].location.reload()
＜iframe＞重载方法
六六的小帅的博客
10-28 6060
解决方法 方法1 document.getElementById('iframeId').contentWindow.location.reload(true); 方法2 document.getElementById('iframeId').src=url; 方法3 $("#iframeId").attr('src', url); 遇到的问题 如果使用方法1，存在跨域问题的话，会出现Error in v-on handler: "Error: Permission..
iframe 重新加载
曹先森的博客
03-04 9006
方法1： document.getElementById('iframeId').contentWindow.location.reload(true); 方法2： document.getElementById('iframeId').src=url; 方法3： $("#iframeId").attr('src', url); 在使用的时候需先加载iframe 而后才能使用 方法一（一个不...
iframe标签数据有改动，父页面刷新时消除提示“重新加载”框
weixin_57254590的博客
02-10 640
在Web开发中，iframe（内嵌框架）用于在当前网页中嵌入另一个网页。有时候，开发者可能希望刷新iframe的内容或者替换iframe以显示不同的内容。这里涉及到几个关键概念：iframe的刷新、DOM操作以及浏览器的缓存机制和提示行为。
iframe怎样重载内容？
笔下无书生的博客
05-25 2319
iframe是我们在前台开发页面时经常使用的一个标签，而这个里面可以嵌套一个子界面，而子界面 而怎样灵活的刷新子界面呢 1.首先得有一个iframe的标签 <iframe src="" frameborder="0" id="IframeHTMLInfo" style="width: 100%; height: 100%;"></iframe> 2.在某些功能点击之后，可...
iframe点击时再加载内容
ShadeTrees的博客
05-31 578
【代码】iframe点击时再加载内容。
使用嵌套的iframe后怎么刷新父级页面
qq_44866810的博客
09-22 1325
如果使用window.location.reload();在当前页面刷新的话是没用的，影响不到父级页面。通常情况下，这段代码可能用于在嵌套的iframe或框架中的子页面中，当子页面需要刷新父级页面时执行。是JavaScript代码的一部分，它用于刷新包含当前页面的父级页面。
iframe标签重新加载和刷新、js cookie使用
往前的娘娘
09-11 4629
概述： 由于需要国际化，也就是中英文切换，采用的iframe标签，那么问题来了，如何在点击首页更新iframe标签的内容？ 要解决这个问题： 1、怎么让iframe知道主页修改内容（也就是不同网页变量共享）？2、修改内容后如何重新加载iframe标签内容？ 1、对于第一个问题：采用最笨办法cookie共享变量 设置cookie变量值 document.cookie="lan
不用iframe，自动加载页面
最新发布
08-01
通过 JavaScript 的 `fetch` 或 `XMLHttpRequest` 可以从服务器获取内容，并将响应数据动态插入到页面中。这种方式可以完全避免 iframe 的加载和重定向问题。 ```javascript fetch('目标页面地址') .then(response...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值