js给iframe赋值页面没有刷新

最新推荐文章于 2024-05-16 14:35:18 发布
置顶 最新推荐文章于 2024-05-16 14:35:18 发布
阅读量1.7k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38130865/article/details/88803651
版权

js给iframe赋值页面不刷新

今天遇到了一个奇葩的问题，js给iframe的src附上路径以后，页面没有刷新，也没有请求后台，后来一直定位问题，才发现原来给src附上值以后需要手动刷新一下，上代码。
var frame = document.getElementById(“pdfIframe”);//获取iframe框
path = cmnPath + “office/openPdf?path=” + encodeURI(encodeURI(path));//指定url
frame.src = path;//将URl赋值给src
frame.contentWindow.location.reload(true);// 页面刷新

奔波霸0620
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解iframe的src指向的内容不刷新的解决办法
11-20
问题描述 html <iframe id="h5Content" src=""></iframe> js $("#h5Content").attr("src","${h5.url}"); h5.url对应的是一个ueditor编辑好存到数据库的一个页面. 修改这个页面内容提交后,iframe 中呈现的页面并没有变化. 原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种办法让iframe的src的值有
iframe的src指向的内容不刷新的解决办法之一
热门推荐
物联网三分钟
10-16 6万+
问题描述html<iframe id="h5Content" src=""></iframe>js$("#h5Content").attr("src","${h5.url}");h5.url对应的是一个ueditor编辑好存到数据库的一个页面. 修改这个页面内容提交后,iframe 中呈现的页面并没有变化.原因 iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码
Vue进阶（六十四）：iframe更改src后页面未刷新问题解决_vue iframe 重新点击不会刷新问题(3)
最新发布
2401_84617821的博客
05-16 541
本人分享一下这次字节跳动、美团、头条等大厂的面试真题涉及到的知识点，以及我个人的学习方法、学习路线等，当然也整理了一些学习文档资料出来是给大家的。知识点涉及比较全面，包括但不限于前端基础，HTML，CSS，JavaScript，Vue，ES6，HTTP，浏览器，算法等等开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】一个好的心态和一个坚持的心很重要。
Vue进阶（六十四）：iframe更改src后页面未刷新问题解决
IT全栈 华强工作室
07-23 2万+
document.getElementById(iframe的id).contentWindow.location.reload(true); 在更改iframe src属性值之前加上这一句即可。
使用iframe嵌入页面时，src改变但是页面未刷新
weixin_52443895的博客
11-01 2945
可能有缓存，页面没有重新加载，没有及时刷新。给iframe加key(亲测有效）值已经变化，仅仅是页面未刷新。希望记录的问题能够帮助到你！嵌入显示, 点击修改该。的内容，即页面未刷新。
【JS】解决 iframe 中 src 更改页面未刷新问题
qq_45677671的博客
08-21 2418
背景：系统内嵌iframe，iframe 的 src 修改了，但是 iframe 内部页面未更新 原因：iframe 中 src 如果是 hash 路由带 # 的，当 src 改变是不会刷新的
处理缓存导致的iframe不刷新的问题
Love_Long的博客
12-02 3374
在使用iframe会发现，有时iframe的数据不会刷新，这是因为浏览器对iframe做了缓存，更改了请求后，他还是发送的原来的请求，这个问题可以通过三个途径解决 response设置no-cache 清理浏览器缓存 销毁iframe重新创建 我使用第三种方法解决了iframe数据无法刷新的问题 var widgetIFrame = $('#widgetIFrame'...
html中iframe控制父页面刷新实现思路及代码
12-14
接下来，获取当前iframe的`src`属性，然后将其再次赋值给`src`，以触发刷新。以下是具体的JavaScript代码： ```javascript function refresh() { // 获取父页面的window对象 var parentWindow = window.parent; ...
使用iframe实现点击导航无刷新切换页面
10-11
这里的JavaScript函数`changeIframe`接收一个参数，即要加载的页面URL，并将其赋值给`iframe`的`src`属性，从而实现在导航栏点击时无刷新切换内容。 **三、Bootstrap导航栏的响应式设计** Bootstrap的导航栏是响应...
框架页面高度自动刷新的Javascript脚本
10-26
5. **设置高度**：将计算出的最大高度赋值给`iframe`的`height`属性，从而改变框架页面的高度。 6. **定时器**：`window.setInterval("initIframeHeight()", 1000)`设置了一个定时器，每1秒钟调用一次`...
Javascript 刷新全集常用代码
10-29
这行代码会把当前页面的URL重新赋值给`window.location.href`，从而触发页面的重新加载。 二、刷新父页面 如果你有一个框架或弹出窗口，可能需要刷新父页面。在这种情况下，可以使用`opener`对象来实现： 前台： ...
基于bootstrap页面渲染的问题解决方法
11-30
Ajax是一种异步JavaScript技术，能够向服务器发送请求并接收数据，而无需刷新整个页面。具体步骤如下： 1. 定义一个函数，例如`menuClick`，该函数接收一个菜单URL作为参数。 2. 使用jQuery的`$.get`方法发送一个...
iframe导入的远端页面修改后，在主页面中不显示修改内容的问题
weixin_43779558的博客
11-02 245
iframe的src的值发生改变，才会刷新iframe里面的内容 每次修改远端iframe代码后，都应该修改主页面中src <iframe src="http://111.222.33.4/abc/def/ghi/" width="100%" height="100%" > </iframe> <iframe src="http://111.222.33.4/abc/def/ghi/?data='+202111020001
刷新iframe的url
赵静的专栏
08-06 2865
js、jquery 给iframe指定src时 当第二次加载此路径时 加载原始数据的页面，无法刷新页面 ，解决办法如下： 执行$("#mainframe").attr("src", url); 后 ，通过mainframe.window.location=url;刷新页面
使用iframe内嵌网页，修改信息后当前页面不刷新
crazy_lala的博客
07-08 3287
之前遇到在jsp页面修改信息后，为了使结果刷新回当前页面，一般使用重定向即可实现；例（“redirect:/allbooks.html”），但是今天又遇到这个问题，刚开始一下又想到了重定向，试验了以后发现不行（重定向不能传递参数，这次需要传递一个参数），接着又想到能不能在请求成功后，使用jQuery再次请求一下，把数据库更新后的数据刷新回来，又不行（这次是iframe内嵌网页），于是在请求成功后在...
给iframe内的src赋值
weixin_44924565的博客
07-09 9162
一、给<iframe>内的src赋值 1、js代码insdata是点击选中行获取到的参数，需要传到后台处理 tapEstimate(insdata); function tapEstimate(insdata){ document.getElementById("oframe").src = "${ctx...
js和jquery给iframe src赋值的3种方法
weixin_33895475的博客
01-10 4509
js和jquery给iframe src赋值的3种方法 网页使用iframe嵌入网页时，有时候需要动态处理src的值，而不是写死的，所以我们需要知道如何给iframe src赋值，通常是使用js或jquery来实现。本文介绍js和jquery给iframe src赋值的3种方法。 方法一 这是最常用的js给iframe src赋值的方法，代码如下： <!DO...
ajax给iframe 赋值后，将iframe弹出
06-07
您可以使用JavaScript来实现将iframe弹出的功能。基本思路是在页面中动态创建一个div元素，将iframe作为其子元素，并设置其样式来实现弹出效果。 以下是一个简单的实现示例： ```html <!DOCTYPE html> <html> <head> <title>弹出iframe</title> <style> #mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: none; } #iframe-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: 80%; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); overflow: auto; } </style> </head> <body> <button onclick="showIframe()">弹出iframe</button> <div id="mask"> <div id="iframe-container"> <iframe id="my-iframe" src=""></iframe> </div> </div> <script> function showIframe() { var mask = document.getElementById('mask'); var iframe = document.getElementById('my-iframe'); iframe.src = 'http://www.example.com'; mask.style.display = 'block'; } </script> </body> </html> ``` 在这个示例中，我们首先定义了一个id为mask的div元素，其样式设置为半透明黑色并且默认display为none，表示不可见。然后定义了另一个id为iframe-container的div元素，作为mask的子元素，并设置其样式为固定定位在页面中央、占据80%的宽高、有白色背景和阴影效果的容器。最后在iframe-container中嵌入了一个id为my-iframe的iframe元素。 在JavaScript中，我们定义了一个showIframe函数，当点击按钮时调用该函数。函数首先获取mask和my-iframe元素，并将my-iframe的src属性赋值为要显示的页面地址。然后将mask的display设置为block，使其显示出来。这样就实现了弹出iframe的效果。 需要注意的是，由于涉及到跨域访问问题，如果要在iframe中显示其他网站的内容，需要确保该网站允许跨域访问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值