iframe里面的js刷新 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

form表单无刷新提交文件（iframe）

先看一段代码（PHP例子） 1、表单代码（form.html）： iframe name="testIframeName" style="display:none;">iframe> <form

4.1K10 0

layui打开iframe窗口不刷新的问题

问题所在，我所用的layui后台管理系统的框架是之前遗留下来的，2017年的版本，iframe窗口不刷新的问题，也就是框架本身的缓存问题，现在layui针对这一问题已经升级版本，就不存在问题了。...先说一下要修改的地方：点击左侧的菜单栏（即打开一个新的iframe层页面），第一次打开的窗口会刷新，但是再次点击左侧菜单的时候就不会刷新了，每次这个页面获取到新的数据，iframe窗口里面都是有缓存的，...都需要手动F5刷新才会更新，因此带来不便。...改为：每次点击左侧菜单，都会触发一次刷新事件。 ? 解决办法：打开tab.js文件 1：在配置里面添上 autoRefresh:true ?...('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();*/

5.1K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

iframe实现页面局部刷新原理解析

web开发实现页面的局部刷新的技术，除了比较常见的ajax，还有通过iframe来实现，这种方式和ajax有什么不同呢首先看一个用ajax技术实现的页面局部刷新的效果——表单登陆。...上面的效果实现起来很简单，无非就是给按钮绑定点击事件，事件里发送一个ajax请求，请求完成后，回调函数根据返回结果，再操作dom元素。那同样的表单登陆，用iframe如何实现呢？...同样实现了页面的局部刷新，而且用的不是ajax技术。...原理是将表单提交后跳转的页面，指向本页的iframe标签中，iframe刷新后，返回的是后端输出的javascript标签包裹的js代码，而返回的javascript代码可以直接运行，并且可以操作父页面中的元素...封装原生ajax还得考虑兼容，iframe就不用考虑兼容性的问题，但ajax对比iframe会更加简洁明了。在ajax没有普及之前，web开发的局部刷新用的都是iframe。

6.1K3 0

iframe 同域下父子页面的通信

//共同引用的JS文件 common.js ; (function (window, $) { $(function ($) { window.trip = window.trip...缓存一个控件 }); //html代码 //子页面 iframe

1.1K10 0

Vue中iframe调用父页面的方法

XMLJavaJavascriptMarkdownPHPPythonRubySQL iframe...width="100%" height="750px" frameborder="0" :src="jscancelOrderSrc">iframe> 1，子页面获取父页面的...__vue__ 2，比如父页面vue里有方法 PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL methods:...__vue__.test()调用父页面的test方法。延申普通页面嵌套iframe怎么调用父页面的方法

4.3K3 0

layui打开iframe窗口不刷新的问题

问题所在，我所用的layui后台管理系统的框架是之前遗留下来的，2017年的版本，iframe窗口不刷新的问题，也就是框架本身的缓存问题，现在layui针对这一问题已经升级版本，就不存在问题了。...先说一下要修改的地方：点击左侧的菜单栏（即打开一个新的iframe层页面），第一次打开的窗口会刷新，但是再次点击左侧菜单的时候就不会刷新了，每次这个页面获取到新的数据，iframe窗口里面都是有缓存的，...都需要手动F5刷新才会更新，因此带来不便。...改为：每次点击左侧菜单，都会触发一次刷新事件。...解决办法：打开tab.js文件 1：在配置里面添上 autoRefresh:true 2：写自动刷新的代码 if(_config.autoRefresh) {

9890 0

多Iframe版后台，在一个iframe切换到另一个iframe，同时刷新

当我们使用多标签iframe的后台管理模板时，需要在一个iframe中跳转到另一个iframe，并且对新iframe进行操作，这篇文章记录一下我在开发过程中编写的代码。...存放iframe的标签.tabsbody-item 结构如下 .tabsbody-item 订单列表 ——iframe .tabsbody-item 收款点 ——iframe # 在iframe中，...对父级窗口进行操作，搜索#tab中已打开标签的列表 var iframe = $(window.parent.document).find("#tab > li"); if (iframe.length...# 模拟点下该标签 $(this).trigger('click'); # 刷新 var iframet = $(window.parent.document...(true); } }); } 这样子就从A标签内操作父窗口，打开B标签页，并且刷新B标签页的内容。

2.8K1 0

JS 对指定iframe 全屏操作

首先要知道如果直接在iframe 页面调用requestFullScreen()是没有效果的，需要在当前iframe 的parent 页面调用，其实iframe的 DIV 也是这个原因。...document */ var parentDoc = parent.document; /* 定义一个接收元素的变量 */ var thisIframe = null; $("iframe

11.1K5 0

iframe如何刷新的三种解决方案

iframe src="1.htm" name="ifrmname" id="ifrmid">iframe> 方案一: 　　用iframe的name属性定位方案二: 　　用iframe...input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()"> 终极方案: 　　当iframe

11.4K2 0

【JS应用】Iframe 解决跨域

1、基本原理 2、简单模拟 2、封装的函数 3、封装函数实战解决场景现在我们在 a.com 的域名下有一个页面我们要请求 b.com 下的一个接口，很明显是会跨域的，无法直接请求今天我们使用 iframe...，iframe 加载 b.com 下的辅助页面 B 2、辅助页面B 开始请求接口 b.com/xxx，请求成功，存放到 window.name 3、隐藏 iframe 由页面B 跳转到 a.com 下另一个辅助页...解决跨域的问题，但是实际上并不会这么做，肯定是封装得更加适用一些详情就看下面吧封装函数经过上面的说明，我们首先要明确我们的目的 1、iframe 2、两个辅助页 3、数据回调所以我们封装的函数必须要满足这几个东西...比如请求的接口需要某些参数，这些参数是父页面提供的，所以就只能把这些参数放到 iframe 的 url 上以便通信拼接 url 函数 function parseUrl (url, param) {...skipUrl，直接跳过去，并且带上参数 parsetFunc 因为C 页面中，需要知道函数名，所以这里必须带上 ajax({ 那么现在就只剩下我们的C 页面了从url 上获取到函数名，然后拿到父页面的

20.4K1 1

js实现页面刷新

语法：location.reload([bForceGet]) 参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。...当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在，因此必定是 IsPostback 的。...('myrefresh()',1000); //指定1秒刷新一次 4，JS刷新框架的脚本语句复制代码代码如下: //刷新包含该框架的页面用面的确被刷新了，在装载完页面弹出一个对话框。...js版 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）

27.7K4 0

js判断本页面被 iframe 嵌套

viewport" content="width=device-width, initial-scale=1.0"> Document 我来自 iframe... // 判断本页面来自 iframe // 可行 if (window.frames.length !...= parent.frames.length) { console.log('在iframe中111'); } // 不可行 if (self.frameElement...&& self.frameElement.tagName == "IFRAME") { console.log('在iframe中222'); } // 可行 if...= top) { console.log('在iframe中333'); } // 禁止页面被别人iframe // if (top.location !

5.5K1 0

JS 刷新页面

这与用户单击浏览器的刷新按钮的效果是完全一样的。如果把该方法的参数设置为 true，那么无论文档的最后修改日期是什么，它都会绕过缓存，从服务器上重新下载该文档。...这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

15.8K2 0

js刷新页面

如何实现刷新当前页面呢？借助js你将无所不能。 1，reload 方法，该方法强迫浏览器刷新当前页面。...true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后...当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在，因此必定是 IsPostback 的。...('myrefresh()',1000); //指定1秒刷新一次 4，JS刷新框架的脚本语句代码如下: //刷新包含该框架的页面用 js版三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）代码如下: 1 PrintWriter out =

21.9K5 0

js判断iframe加载是否成功的方法

今天木槿来探讨一下js判断iframe加载是否成功的方法，并且兼容多种浏览器。...由于经常需要动态添加iframe，然后再对添加的iframe进行相关操作，而往往iframe还没添加完呢，后边的代码就已经执行完了，所以有些你写的东西根本没有显示出来。...iframe.readyState == "loaded"){//代码能执行到这里说明已经载入成功完毕了//要清除掉事件iframe.detachEvent( "onreadystatechange",...状态会跳过 complete 所以我们loaded状态也要判断if (iframe.readyState === "complete" || iframe.readyState == "loaded")...", arguments.call, false);//这里是回调函数}, false);}需要注意的是：上面的函数必须放在 iframe 被appendChild到body后，否则无法被触发。

5.4K2 0

JS 禁用移动流量球、禁用iframe嵌入

JS 禁用移动流量球、禁用iframe嵌入情况1： native 与h5 交互使用WebViewJavascriptBridge，此时，在native 会在打开你的网页的时候，嵌入一个iframe...原因在于移动流量球，在打开你页面的同时，给你嵌入了iframe，加入了他们的代码，移动流量球会检测到你的浏览情况，有时候更恶心的是，还会给你推送广告，移动、联通、电信都会有这个东西。...3、也就是使用 js 去实现禁止底部iframe载入网页。...var iframes = document.getElementsByTagName("iframe"); for(var i=0;i<iframes.length;i++){ if(iframes...="name") iframes[i].removeNode(true); } ---- 4、更改 iframe 的属性把 src 属性改为: about:blank 。

6.8K2 0

JavaScript刷新页面的几种方法

true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2. replace 方法 ---- 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace...//前一个页面的URL 不要用 history.go(-1)，或 history.back();来返回并刷新页面，这两种方法不会刷新页面。...附：javascript刷新页面的几种方法： history.go(0) location.reload() location=location location.assign(location) document.execCommand...('Refresh') window.navigate(location) location.replace(location) document.URL=location.href 自动刷新页面的方法...'myrefresh()',1000); //指定1秒刷新一次 4，JS刷新框架的脚本语句 //刷新包含该框架的页面用 <script type="text/javascript

1.2K3 0

使用 meta 实现页面的定时刷新或跳转

这部分的内容主要来源自：《小tip: 使用meta实现页面的定时刷新或跳转》。...meta 源信息功能之页面定时跳转与刷新几乎所有的网页头部都有源信息。...您可以狠狠地点击这里：meta与当前页面定时刷新Demo 上面 Demo 效果就是上面第1个示例代码效果。根据我的测试，此特性包括IE7在内的浏览器都是支持的。...大家可以看到，meta 跳转，使用方便，不用写 JS，不用会后台代码，定时跳转刷新什么的玩得照样很溜，而且兼容性好，为啥总感觉不温不火，很少看见有人提及呢？...不妨大胆试试 meta 跳转，好好利用下浏览器的原生特性，说不定就会发现比什么 JS 跳转之流用得更开心。

1.7K1 0

使用iframe实现在pc端预览移动端页面的效果

想要在PC端实现模拟手机环境的预览效果，一般有两种方法，一种通过iframe实现，一种通过div实现的，这里我选择了后者。实现的效果如下： ?...2.实现代码 js" type="text/javascript">... /** 弹出iframe页面(iframe后面会添加灰色蒙版) **/ function...Opacity=30);/* IE */-moz-opacity:0.4;/* Moz + FF */opacity: 0.4; '/>").prependTo('body'); //添加移动预览的iframe...div>").prependTo('body'); $("#YuFrameMobilePreview").attr("src", url); //点击背景遮罩移除iframe

5.7K4 1

javascript刷新父页面的各种方法汇总

用iframe、弹出子页面刷新父页面iframe parent.location.reload(); 弹出子页面 window.opener.location.reload(); 子窗口刷新父窗口 self.opener.location.reload(); 刷新以open()方法打开的窗口 window.opener.location.href...=window.opener.location.href; 刷新以winodw.showModelDialog()方法打开的窗口 <script language="javascript

2.8K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭