iframe

利用iframe来做无刷新上传

由 谁说胖子不能爱 提交于 2020-02-18 18:48:17
　　要实现文件上传，form必须设置几个属性： 　　1.action：设为要处理数据的页面地址； 　　2.method：设为"post"； 　　3.enctype/encoding：必须设为"multipart/form-data"，这里要注意的是在ie中用js修改form的enctype属性是没有效果的，只能修改encoding； 　　iframe实现无刷新上传的原理：利用form的target属性，把数据提交到页面中一个（通常为隐藏的）iframe上。直观点说就是把“刷新”留给iframe。 　　其实原理跟一般用iframe实现无刷新提交 表单 是一样的，只是这里换成是文件。 　　这里关键就是把form的target设为iframe的name <iframe style="display:none" name="test1"></iframe> <form action="/Upload.php" target="test1" method="post" enctype="multipart/form-data"> <div class="img_box m_t_6"> <div class="text_file ele_btn ele_file" > 上传照片 <input name="UploadFile" type="file" onchange="javascript

js替代frame

由 狂风中的少年 提交于 2020-02-18 17:28:34
我们都应该知道蜘蛛不喜欢iframe或frame，因为蜘蛛访问垃圾桶网站时捕获的HTML是调用其他网页HTML文件的代码，并且不包含任何文本内容，也就是说，蜘蛛不知道你网页的内容是什么。有些人可能会说搜索引擎蜘蛛也可以跟踪和抓取他们调用的HTML文件。是的，它可以跟踪爬网，但跟踪这部分内容通常不是一个完整的页面。搜索引擎无法判断主框架的哪个部分是被调用的文件。随着搜索技术的发展，它可能并不总是能够解决这个问题，但这么多的蜘蛛不会因为你而努力工作。所以，当你不得不使用iframe框架时， 垃圾桶 建议你继续阅读。 从使用iframe调用expres s 100进行express查询，到推出互推联盟的iframe调用代码，垃圾桶对iframe有了深入的了解。记住，当互助推送联盟推出自适应iframe代码时，垃圾箱发表了以下评论：后来，偶然的测试让我想到用JS封装iframe来避免搜索引擎的捕获。当时，我正在测试用JS封装CSS代码，只想加密我自己的工作结果。不，我突然想到既然JS可以输出CSS，JS也应该输出iframe！实际测试表明我的想法是可行的！通过JS输出iframe代码，可以很好的实现直接调用iframe代码的效果！ 来源： https://www.cnblogs.com/blogst/p/12326791.html

javascript获取iframe框架中页面document对象,获取子页面里面的内容,iframe获取父页面的元素,

由 孤街浪徒 提交于 2020-02-18 01:32:36
javascript获取iframe框架中，加载的页面document对象 因为浏览器安全限制，对跨域访问的页面，其document对象无法读取、设置属性 function getDocument(iframe) { var Doc; try{ Doc = iframe.contentWindow.document;// For IE5.5 and IE6 } catch(ex){} if(!Doc) { Doc = iframe.contentDocument;// For NS6 } return Doc; } 用iframe嵌套页面是，如果父页面要获取子页面里面的内容，可以使用contentWindow或者contentDocument，其区别如下： a>contentWindow 这是个只读属性，返回指定的iframe的窗口对象。它虽然不是标准的一部分，但各个主流浏览器都支持。 b>contentDocument Firefox 支持，IE6，IE7都不支持，IE8开始支持,需要如此访问 document.frames['J_mainframe'].document。 兼容获取document对象： var getIFrameDoc = function(){ var iobj = document.createElement("iframe"); document

父子页面（iframe）相互获取对方dom元素

由 断了今生、忘了曾经 提交于 2020-02-18 00:54:32
现在iframe的使用虽然开始越来越少，但是还是有牵涉到iframe的使用情况，特别是多个iframe互相嵌套，又要进行获取的情况。 现在整理了父子iframe之间互相获取的方式。 （1）父页面获取子页面的方式。 主要通过： iframe的contentWindow属性，代表iframe所在的window对象。 示例如下： <script type="text/javascript"> window.onload = function(){ var cWindow = document.getElementById('iframeId').contentWindow; var div=cWindow .document.getElementById('divId'); //some other operation } </script> .... <iframe id="iframeId" src="iframe.html" width="100" height="100"> <div id="divId"></div> </iframe> (2) 通过子元素获取父元素 主要通过 window.parent 进行获取 示例代码如下： <div id-"pDivId"></div> <iframe src="iframe.html" width="100" height="100">

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID

由 泪湿孤枕 提交于 2020-02-18 00:53:56
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容。 $(document.getElementById('iframeId').contentWindow.document.body).html() 根据iframename取得其中ID为"testId"元素 $("#testId", document.frames("iframename").document).html(); $(window.frames["iframeName"].document).find("#testId").html() 用JS或jQuery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

由 大憨熊 提交于 2020-02-18 00:53:30
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body元素的内容。 $("#testId", document.frames("iframename").document).html(); 根据iframename取得其中ID为"testId"元素 $(window.frames["iframeName"].document).find("#testId").html() 用JS或jQuery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

由 ↘锁芯ラ 提交于 2020-02-18 00:52:55
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) 显示iframe中body元素的内容。 $(document.getElementById('iframeId').contentWindow.document.body).html() $("#testId", document.frames("iframename").document).html(); 根据iframename取得其中ID为"testId"元素 $(window.frames["iframeName"].document).find("#testId").html() 用JS或jQuery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

JQuery调用iframe父页面元素与方法

由 ╄→尐↘猪︶ㄣ 提交于 2020-02-18 00:52:28
JQuery操作iframe父页面与子页面的元素与方法 下面简单使用Jquery来操作iframe的一些记录，这个使用纯JS也可以实现。 第一、在iframe中查找父页面元素的方法： $('#id', window.parent.document) 第二、在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 第三、在iframe中调用父页面中定义的方法和变量： parent.method parent.value 第四、父页面调用iframe内的JS的方法，无须给iframe加id，只需用Jq选中iframe就行了 $("#id").find("iframe")[0].contentWindow.func() 来源： https://www.cnblogs.com/zhaojia-dream/p/4345499.html

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

由 岁酱吖の 提交于 2020-02-18 00:51:32
jquery取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body元素的内容。 $("#testId", document.frames("iframename").document).html(); 根据iframename取得其中ID为"testId"元素 $(window.frames["iframeName"].document).find("#testId").html() 用JS或jQuery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID，反之也行！

由 不问归期 提交于 2020-02-18 00:51:12
query取得iframe中元素的几种方法 在iframe子页面获取父页面元素 代码如下: $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素 代码如下: $("#objid",document.frames('iframename').document) $(document.getElementById('iframeId').contentWindow.document.body).html() 显示iframe中body元素的内容。 $("#testId", document.frames("iframename").document).html(); 根据iframename取得其中ID为"testId"元素 $(window.frames["iframeName"].document).find("#testId").html() 用JS或jQuery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR
订阅 iframe