iframe套iframe不刷新问题

2024-11-04

页面嵌套 Iframe 产生缓存导致页面数据不刷新问题

最近遇到个比较古怪的问题:当页面嵌套多个 Iframe 时会出现 Iframe 里包含的页面无法看到最新的页面信息. 初步解决方案,在 Iframe 指向的页面地址后缀添加一个随机数或者时间戳.这样能确保每次在加载页面时,让浏览器知道它是最新的页面.说白了就是欺骗下浏览器,躲过缓存的灾难.(这是从 Stack Overflow 和 CSDN 上找到一个看似可行,能彻底治根的办法. ) Sample Code: 通过 JS 产生随机数,把数据数当成参数传给页面地址 <script type="

IFrame实现页面无刷新

一.html 和s代码段 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>使用 ifram

web 开发之js---巧用iframe实现jsp无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的,可以想一下ajax与后台通信都是通过传递字符串,怎么能传递文件呢?其实出于安全考虑js是不能操作文件的,所以就不要再说用ajax来实现文件的上传了,这是不可能的. 而本文实现的文件上传也是无页面刷新的,可以说是一种"类似AJAX"方法. 开始之前先说两句无关的,其实在ajax出现之前,web应用也可以是无刷新的,那时大多通过IFrame来做到这一点.当然Ajax出现之后,人们一窝蜂地投奔Ajax 的阵营了,iFrame 就乏人

使用iframe的优缺点，为什么少用iframe以及iframe和frame的区别。

注:HTML5不再支持使用frame,iframe只有src 属性一.使用iframe的优缺点优点:1.程序调入静态页面比较方便;2.页面和程序分离;缺点:1.iframe有不好之处:样式/脚本需要额外链入,会增加请求.另外用js防盗链只防得了小偷,防不了大盗.2.iframe好在能够把原先的网页全部原封不动显示下来,但是如果用在首页,是搜索引擎最讨厌的.那么你的网站即使做的在好,也排不到好的名次! 如果是动态网页,用include还好点!但是必须要去除他的<html><head>

flex集成IFrame，IFrame集成UnityWebPlayer直接通讯调用解决方式

做Web开发一般是flex与JS交互,UnityWebPlayer与JS交互. 它们之间相互调用比較常见. /** * Flex调用Javascript函数 * @params functionName:String Javascript函数名称 * @params ...params Javascript函数參数 * @return 返回Javascript函数的return内容 **/ ExternalInterface.call(functionName:String, ...params

iframe标签的定时刷新

由于有个项目是大数据类型的,需要时时展现数据,这就出现了这个需求,页面不断刷新,这个其实很简单了,window.location.reload(); 这个就轻松搞定了,但是灵机一动,加上个控制吧,这下问题就来了,以前刷新的是整个页面的数据,但是点击刷新后重新加载了,就不能自动刷新了,定时器不起作用了,瞬间很蛋疼了,仔细一想,还是刷新iframe吧 ,这下就轻松了好多, var numCount = 0; $(".shuaxin").on("click",funct

IFrame实现的无刷新(仿ajax效果)...

前台代码: <iframe style="display:none;" name="gg"></iframe> <form action="/demo/add" method="post" target="gg"> <table class="info_form table table-striped"> <tr> <td

layer iframe 设置关闭按钮和刷新

layer.open({ type: 2, title: 'XXXX网吧历史更多数据', shade:0, // closeBtn:0, resize:false, move:false, shadeClose: true, //点击遮罩关闭层 area : ['800px' , '600px'], content: '营业数据详情更多数据.html' ,btn: [ '关闭'] ,success: function(layero){ layero.find('.layui-layer-btn

iframe 框架父页面刷新子页面

1.父页面添加: <script> function testBtn(){ var reshSrc = document.getElementById('myFrame').src; var iframe1=document.getElementById("mainframe"); iframe1.src = reshSrc;//需要给主框架刷新才可以 } </script> <iframe name="mainframe" i

图片上传利用<iframe></iframe>标签实现无刷新上传图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图片上传</title> <script type="text/javascript" src="jquery.js"></script> </head> <body>

使用iframe实现页面无刷新提交表单

iframe提交表单其实比ajax要方便一些,当然ajax也有ajax的好处,只是ajax编码处理有时有些麻烦,虽然经过转码是可以解决中文问题,但如果直接使用iframe不存这些问题了,下面来看看. 最近在做一个项目,用到上传图片功能,发现ajax不能enctype=”multipart/form-data” 属性的表单,没办法,只能使用form表单直接提交的方法了,但是form表单直接提交会跳转页面,这样很不友好,也不是项目需求,于是上网搜索了一番,发现可以使用隐藏的iframe来实现. 具体

form+iframe+file 页面无刷新上传文件并获取返回值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button id="aa">上传</button><form id="ajaxUploadform" actio

使用layer的iframe层提交表单后，需要关闭当前的iframe层，然后刷新父页面的方法2

<input type="button" onclick="edit(${it.id?c})" class="layui-btn layui-btn-normal layui-btn-sm" value="编辑"> function edit(id) {//iframe层 layer.open({ type: 2, title: '编辑服务商', shadeClose: true, shade: 0.8, area

layer iframe 设置关闭按钮和刷新和弹出框设置

layer弹出层的关闭问题就是在执行添加或修改的时候,需要将数据提交到后台进行处理,这时候添加成功之后最理想的状态是关闭弹出层并且刷新列表的数据信息,之前一直想实现这样,可一直没有成功,今天决定好好弄一弄,在仔细看过layer的帮助手册以及查阅资料之后,有了以下的解决办法: 一.关闭弹出窗这是layer官网给出的帮助手册,讲解的比较详细分成两种情况: 1.弹出层不是新的页面的时候,直接获得该弹窗的索引,然后执行close方法 layer.close(); 2.弹出窗是新的页面的时候 v

x-frame-options、iframe与iframe的一些操作

iframe的子操作父窗口,父操作子窗口: test.php: <!DOCTYPE html> <html> <head> <title>test</title> </head> <body> <input type="text" name="csrf" id="csrf" value="parent"> <iframe sr

cordova iOS blank iframe iphone iframe 白屏 ios iframe 白屏

(1)解决方案 http://stackoverflow.com/questions/36572537/cordova-ios-blank-iframe/36587026 在 index.html中配置meta <meta http-equiv="Content-Security-Policy" content="default-src *; frame-src *; style-src * 'self' 'unsafe-inline' 'unsafe-eval'; s

[Flex] IFrame系列 —— IFrame嵌入html后Alert弹出窗口被IFrame遮挡问题

<?xml version="1.0" encoding="utf-8"?> <!--- - - - - - - - - - - - - - - - - - - - - - - - - * @author:Frost.Yen * @E-mail:871979853@qq.com * @create: 2016-6-1 上午11:37:00 - - - - - - - - - - - - - - - - - - - - - - - - - - --&

jsp 嵌套iframe 从iframe中表单提交并传值到外层

今天因需求迭代更改元来代码遇到了这么个问题就是想在 iframe中提交后进行整个页面的跳转并把iframe中的值传到外层jsp 大概就是这个样子外层 a.jsp <div id="d"></div> <iframe src="b.jsp" name="listresult" width="100%" height="100%" frameborder="0&

如何写一套下拉刷新的控件？《MJRefresh原理浅析》（附Demo下载地址）

相信大家有很多人在做项目的时候都在使用MJRefresh 控件来实现下拉刷新的功能: MJRefresh经过不断的重构与更新迭代,现在不管是功能上还是代码结构上都是相当不错的,都是很值我们去学习的. 下面就是MJRefresh开源框架中中主要的一些类文件 MJRefresh主要的类文件 MJRefresh 的使用相信都难不倒大家今天我主要想和大家分享一下MJRefresh的想法,因为我觉得这才是最重要的,献丑了,有理解的不对和不深入的地方,请大家多多点评哈! 试想,如果没有MJRefresh开

iframe于iframe页面之间的函数相互调用

因为iframe页面于包括父页面在内的其他页面通讯有跨域问题,所以只有在服务器环境下或者火狐浏览器下才能测试. 在iframe页面调用父页面的函数采用parent,例子:在父页面有一个say()函数,在iframe页面可以这样调用parent.say(); 如果在页面内有多个iframe,可以用parent[0],parent[1]...这样定位到某个iframe. 1.在index.html页面下有iframe1.html 和 iframe2.html. <!DOCTYPE html><

UITableView套UITableView数据刷新

https://www.jianshu.com/p/ee4b2bd54d08 网上关于tableview嵌套tableview的文章很多,纵览很多后发现有两点没有满足需求把两个tableview放在一个控制器中这样对大批量的数据处理不够友好没有做到tableview互斥滚动(只有一个可以滚动) 主要的一点在父控制器的tableview的GSTableview.m文件中实现这个方法 /** 同时识别多个手势 @param gestureRecognizer gestureRecognizer

iframe套iframe不刷新问题

热门专题