【iframe中操作主体页面的元素，方法】的更多相关文章

iframe中操作主体页面的元素，方法

在不使用三大框架的情况下,iframe的使用可以做到在页面中直接引入别的页面作为当前页面的一部分,但是在iframe的使用过程中存在一些相互之间的操作 例如在iframe中获取主页面的元素,使用主页面的js中定义的方法 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox")   第三.在iframe中调用父…

Js/Jquery获取iframe中的元素 在Iframe中获取父窗体的元素方法

在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素.或者在iframe框架中使用父窗口的元素 js 在父窗口中获取iframe中的元素  1. 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click(); 实例:window.frames["ifm"].document.getElementById(&quo…

在iframe中获取父页面的元素

a.html <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div id="a">hello world!!!</div> <div id="b"> <iframe id="frm" name="frm" src="…

layui框架中layer父子页面交互的方法分析

本文实例讲述了layui框架中layer父子页面交互的方法.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/ 可以从官网上下载最新版本. 还可点击此处本站下载. 当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数. 1.访问父页面元素值 ? 1 var parentId=parent.$("#id").val();//访问父页面元素值 2.访问父页面方…

js获取iframe中的元素以及在iframe中获取父级的元素（包括iframe中不存在name和id的情况）

  第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe')[0];var ifr_document = iframe.contentWindow.document;//iframe中的文档内容 或者: var _iframe = document.getElementByIdx_x('iframeId').contentWindow; var _div…

iframe中使用模态框提交表单后,iframe加载父页面的解决方法

在iframe中使用模态框提交表单后,会出现iframe加载整个父页面的问题,如下图: 解决方法: 在form表单中添加target属性 _parent 这个属性会使目标文档载入父窗口或者包含来超链接引用的框架的框架集.如果这个引用是在窗口或者在顶级框架中,那么它与目标 _self 等效…

在其他系统Iframe中显示SharePoint 页面

前段时间在做一个项目,要求将SharePoint 的 OWA(Office Web Apps)中的文档显示页面嵌入到另外一个OA系统中,提供给用户可以通过浏览器查看SharePoint文档的能力. 嵌入我们能想到的方法就是 Iframe,这里我们暂且忽略可能存在的SSO问题. 当将SharePoint页面嵌入到Iframe中的时候,遇到了一个问题. "此网页不能显示在一个框架中 --",后来经过反复的查找原因,也参考了国外的网站内容. X-Frame-Options 就是它折磨了我一天…

iframe中涉及父子页面跨域问题

什么是跨域? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制.所谓同源是指相同的域名.协议和端口,只要其中一项不同就为跨域. 举几个例子: http://a.123.com/index.html和http://a.123.com/index.js非跨域,它们有相同的域名,协议和端口. http://a.123.com/index.html和http://b.123.com/index.js跨域,相同的端口.协议,但是域名不同(a.123.com和b…

PHP中常见的页面跳转方法

转载自冠威博客 [ http://www.guanwei.org/ ]本文链接地址:http://www.guanwei.org/post/PHPnotes/04/php-redirect-methods.html 本文转自:萧冲的博客 http://www.cnblogs.com/ssor/archive/2011/07/03/2096863.html PHP页面跳转一.header()函数 header()函数是PHP中进行页面跳转的一种十分简单的方法.header()函数的主要功能是将HT…

用 DOM 获取页面的元素方法集合

document.getElementById('id名')            // 获取页面设置指定 id 的元素 document.getElementsByTagName('标签名')           // 获取页面上所有的指定标签 document.getElementsByClassName('class名')       // 获取页面设置指定 class 的元素 H5 新增方法 document.querySelector('#id 或 .class 或 li标签')   …