许多系统都会有上传图片这个功能，但是如果是用form表单提交的话，每次都会刷新页面，这样体验很不好；今天分享一个利用iframe实现无刷新上传文件的方法，直接上代码： html javascript 原理：认真看的同学会发现，此处的iframe是隐藏的，此方法就是通过隐藏的iframe来提交数据，所以原来的页面就不会被刷新了； 觉得不错，赞助我：
现在解决的不是一个id就能搞定的问题,突然觉得自己好?! 代码里面的iframe标签都是ExtJs打上去的,所以根本没去花精力去找生成的地方, 即使找到了,修改框架也是不科学的, 不废话了,开始使用的是: var alla = window.parent.frames; for( i in alla){ console.log(alla[i].location.href); if(alla[i].location.pathname==对应的iframe链接){ alla[i].location.re...
iframe里面引用的第三方的链接地址，现在想实现点击之后再iframe里面显示，怎么实现，别说什么target，因为是第三方的链接，总不能修改别人的网页吧。求大神 回复讨论(解决方案) 用绝对路径就可以了 w3school 用绝对路径就可以了 w3school 如果第三方有不予许放入框架的代码，则需通过你的服务器转接 没懂呀，楼...
最近正在进行webdriver的web级自动化测试代码的编写，遇到一个问题：页面有三个标签，单击一个标签打开一页，要对第二个标签打开的页面进行定位操作，可是总是定位不到。查看一下代码，发现这个标签打开的是一个新页面，在iframe中嵌套着呢，于是在网上搜了一下相关的定位方法。 1.iFrame有ID 或者 name的情况//进入id="frame1"的frame中，定位id="div1"的div和id="input1"的输入框。dr.switchTo().frame("frame1");dr.findEleme...
本文测试环境Golang 1.6, jQuery 1.12.3 之前写过一篇文章： jQuery.iframe-Transport.js来发送Ajax文件上传请求对返回JSON的处理，就是讲使用这个jQuery插件时对返回JSON数据的处理，该插件会内置一个 这样就可以实现 ajax的 multipart/form-data实现，注意这样做主要是为了兼容低版本浏览器，如果不考虑IE < 10的话，可以直接使用XHR2，参考 这个链接. 所以代码还是和以前一样，如下(HTML)： JavaScript: // av...
JS自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的，那么我们可以通过CSS来给它直接定义一个高度，同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种情况了。 iframe内容未知，高度可预测 这个时候，我们可以给它添加一个默认的CSS的min-height值，然后同时使用javascript改变高度。常用的兼容...
iframe高度自适应 iframe高度自适应是一个很老的话题。html5虽然已经将frame 框架给废弃，但是iframe这个标签还是存在的。假如有同学不了解frame和iframe的区别，可以看我之前的文章： html框架之iframe和frame及frameset的相关属性介绍。 虽然现在iframe在项目中已经很少出现了，但是有些项目迫不得已，还是会用到iframe。近期遇到一个案例，就用到了iframe。 基本案例如下：由于手机浏览器预览PDF不是很好，因此，将手...
问题：页面整个刷新时，IE11输入框显示的宽度和高度正常，对页面中的iframe部分刷新时，IE11输入框的宽度和高度就变小了。 原因：网页的头部定义了文档类型，但是嵌套的iframe没有定义文档类型，当iframe刷新时，这部分的网页就按照IE自己的怪异模式来解析渲染页面。 解决：在所有iframe的页面头部加上，这样iframe也按照标准模式来解析了。 结论：所以看出当整个页面一起加载的时候，如果iframe不定义文档类型，它会和页面的文档类...
Iframe用法精析 用于设置文本或图形的浮动图文框或容器。 BORDER 设定围绕图文框的边缘宽度 FRAMEBODER 设置边框是不否为3维（0=否，1=是） HEIGHT,WIDTH 设质边框的宽度和高度 SCROLLING 是否有滚动条（YES,NO,AUTO) SRC 指定IFRAME调用的文件或图片(HTML,HTM,GIF,JPEG,JPG,PNG,TXT,*.*) “画中画”效果--谈IFRAME标签的使用 纵观时下网站，本来网速就有些慢，可是几乎每页都要放什么Banner，栏目图片，版权等一大堆雷同的东...
最近，天天搞论文开题报告，一时技痒，再次设计Web，一下子就碰到一个问题，以前设计WEB页的时候都是在IE里面跑的，从来没有考虑过firefox 更别提chrome了，可是现在不同了，至少我认为不兼容Firefox的WEB页面是极其丑陋和山寨的，所以从有个这个观念开始，我设计页面就开始注意这个兼容性，而这次就碰到一个兼容性的问题，html里面有一个浮动框架，，可以在页面中内嵌入一个页面，用来做框架页面非常适合，如下图， 一个html页面，...
页面域关系： 主页面a.html所属域A：www.gxlcms.com 被iframe的页面b.html所属域B：www.jb51.cn,假设地址：http://www.jb51.cn/b.html 实现效果： A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小. 问题本质: js对跨域iframe访问问题,因为要控制a.html中iframe的高度和宽度就必须首先读取得到b.html的大小,A、B不属于同一个域,浏览器为...
使用 iframe 可以轻易的调用其他网站的页面，但应谨慎使用。它比创建其他 DOM 元素（包括 style 和 script）多耗费数十甚至数百倍的性能。增加100个不同元素的时间对比显示 iframe 是多么耗费性能：使用 iframe 的页面通常没有这么多 iframe，所以创建 DOM 的时间不用多虑。更值得关心的是 onload 事件和连接池。 iframe 阻塞 onload window 的 onload 事件尽快执行非常重要。这会让浏览器的载入进度指示器完成，用户依据此判断页面...
10.4.1 Frameset与Frame的区别首先讲解Frameset与Frame之间的区别。 标记。必须在标记的框架顺序为从左至右或从上到下。 两者的差别如下：● 所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。 如图10.21所示的页面就是应用Iframe在页面上下各创建了分页的链接，上下的代码是一样的，只需在网页中嵌入同一个文件即可，不需要重复代码的编写，本...
iframe的刷新方式 1. 刷新方式可以使用 javascript 的 document.fr.location.reload() 2. 还有就是修改 document.fr.location.href 也可以实现刷新的功能 例如: 代码如下: function show_syslog(id){ document.fr.location.href="/alert_search.do?method=findSys&id="+id; } 注意：千万不要两种方式同时使用，如果同时使用，将会提交两次。 代码如下: document.fr.location.href = "your.html"; document.fr.location.reload(...
这还得从今天一个意外的发现说起。公司有几个网站。互相之间都有链接放到友链里。刚换了个链接要检查一下，用站长工具一检测居然发现没有自己的！原来，我把友链放到footer.hmtl里了。然后通过iframe嵌入到首页。这样检测到的就不是首页链接了，而是footer页面的链接。对搜索引擎来说也是一样的。搜索引擎会看iframe引入的页面，也会跟踪里面的链接，但是却没那么重视。而且每个单独的iframe也是做为一个单独页面来处理的。其实，这...