iframe 向外层传值

iframe嵌套的页面之间传值问题

项目中很多时候会遇到需要用 iframe 嵌套页面的情况.有时候会有这样的需求: iframe 嵌套的页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值. 此时可以先把 A 页面的属性值赋值给最外层的父页面,然后再赋值给 B 页面. A 页面的值赋值给最外层的父页面: 如父页面有个隐藏的button元素 <input type="button" id="parentID" value="" /> 赋值给此元素

iframe超出外层元素显示滚动条怎么办？

尝试把外层盒子滚动条样式隐藏,或者设为overflow:hidden等都不生效,突然发现iframe有这个属性的忘记用了!! <iframe frameborder="0" scrolling="no" src="index.html" > 把iframe的scrolling设为no即可.

[转]内嵌页面iframe以及和其兄弟iframe的相互传值

原文出处 iframe的调用包括以下几个方面:(调用包含html dom,js全局变量,js方法) 主页面调用iframe: iframe页面调用主页面: 主页面的包含的iframe之间相互调用: 主要知识点 1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了: 2:$("#ii")[0].co

jQuery 父iframe与子iframe 相互调用传值

来自:https://blog.csdn.net/wd4871/article/details/50517597 侵删父页面中的iframe :如下 <iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>; 1.父iframe 调用子iframe的方法 $(&q

Javascript 使用postMessage对iframe跨域传值或通信

实现目标:两个网站页面实现跨域相互通信当前例子依赖于 jQuery 3.0 父页面代码:www.a.com/a.html <iframe id="myIframe" src="http://www.b.com/b.html"></iframe> <script> var $myIframe = $('#myIframe'); // 注意:必须是在框架内容加载完成后才能触发 message 事件哦 $myIframe.on('lo

iframe与父页面传值

最近做的项目中用到了不少iframe,而且需要实现: 从父页面获取iframe中某个元素的值或则从iframe页面获取其父页面上某个元素的值. 在网上查询了相关东西,后总结如下: (1)父页面获取iframe中的元素值: //根据iframe的id获取对象 var i1 = window.frames['iframeId']; //var iframe =window.frames[0];也可以 //获取iframe中的元素值 var val=i1.document.getElementById

JS iframe给父类传值

父类页面 <html><head> <script type="text/javascript"> function GetData(data) { alert(data); document.getElementById("id1").value=data; } </script> &l

iframe中父页面与子页面的传值方法

涉及到iframe传值的情况有这么几种:(1)父页面给iframe中的子页面传值(2)子页面调用父页面中的函数(3)iframe中的子页面给父页面传值(4)兄弟iframe之间的传值下面来逐一看一下: (1)父页面给iframe中的子页面传值 ,把值写入子页面的文本框中 father.html <script language="javascript" src="http://www.aspbc.com/js/jquery.js" type="te

外层页面与iframe相互调用的方法

iframe调用外层页面的方法: parent.func(); 外层页面调用里面的iframe中的内容方法: $("iframe").contents().find("body") .append("I'm in an iframe!");

iframe-父子-兄弟页面相互传值(jq和js两种方法)

参考文章: http://blog.csdn.net/u013299635/article/details/78773207 http://www.cnblogs.com/xyicheng/archive/2010/02/26/1674017.html 父窗口代码 <body> <iframe id="frame" name="frame" src="frame.htm" frameborder="0">

HTML+CSS之iframe

碎碎:这两天在实践中,用到了 iframe,之前对其不甚了解,了解之中遇到好多奇葩问题,今天记录下这两天遇到的相关的内容. 嵌入的 iframe 页面的边框嵌入的 iframe 页面的背景嵌入的 iframe 页面居中嵌入的 iframe 页面的滚动条 iframe 父页面调用子页面 iframe 子页面调用父页面 1. iframe 嵌入页面的边框 //HTML 元素:主要有 src: 要嵌入的页面 <iframe id="framePage" src="ifr

组件/ 外层数据初始化时候，不应该触发 on-change 事件

组件/ 外层数据初始化时候,不应该触发 on-change 事件 watch: { value (value) { this.noOnChange = true // 外层传值不触发on-change 事件 this.valueCopy = value }, valueCopy (value) { if (this.noOnChange) { this.noOnChange = false } else { this.$emit('on-change', value) } }

关于html5不支持frameset的解决方法

转自:http://blog.sina.com.cn/s/blog_b2813a790101ejvf.html html5已经不支持frameset了,很郁闷,看了大家的解决方法,无非就是两种1. 使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况. 而且我一些研发的人员,他们表示iframe窗口间传值似乎很麻烦.2. 使用jQuery的onload方法加载页面,不过这种方法跳转多个页面后,点击浏览器上方的后退前进是无效的,不过可以

javascript 之 location.href、跨窗口调用函数

location.href这个东西常常用于跳转,location既是window对象的属性,又是document对象的属性. JavaScript hash 属性 -- 返回URL中#符号后面的内容 JavaScript host 属性 -- 返回域名 JavaScript hostname 属性 -- 返回主域名 JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL JavaScript pathname 属性 -- 返回URL中域名后的部分 JavaSc

Java web 前端面试知识点总结

经过几家大厂面试,目前成功拿到唯品会offer,分享一下我的面试知识点总结: 耦合性:也称块间联系.指软件系统结构中各模块间相互联系紧密程度的一种度量.模块之间联系越紧密,其耦合性就越强,模块的独立性则越差.模块间耦合高低取决于模块间接口的复杂性.调用的方式及传递的信息内聚性:又称块内联系.指模块的功能强度的度量,即一个模块内部各个元素彼此结合的紧密程度的度量.若一个模块内各元素(语名之间.程序段之间)联系的越紧密,则它的内聚性就越高. TCP/IP五层模型: 应用层:是体系结构中的最高.直接

跨域 webpack + vue-cil 中 proxyTable 处理跨域

博客地址:https://ainyi.com/27 跨域了解同源政策:所谓"同源"指的是"三个相同". 协议相同域名相同端口相同解决跨域 jsonp 缺点:只能get请求 ,需要修改B网站的代码 cors 这个方案缺点是 ie6 7 兼容不好(倒是不见得要兼容).需要B网站在响应中加头 postMessage 缺点也是 ie6 7 兼容不好(倒是不见得要兼容).需要修改B网站的代码 iframe window.name 传值得方式很巧妙,兼容性也很好.但是

ipad safari 滚动（overflow）解决方案

项目需要放到ipad应用了,发现有一个奇怪的问题,就是我div是设置滚动属性的,在pc上面的各个浏览器页面变小时,会出现滚动条,可是是ipad的safari,则不会滚动,开始以为是div的问题但发现页面的源代码贴出来后,div又可以滚动了,所以判断safari也是支持滚动条的,只是他隐藏了而已,后来发现我外层是嵌套一个iframe的,终于找到问题的关键了于是在iframe的外层加入一个div <div class="container" style="-webki

Selenium - Switch & Select Api

一.多表单切换 driver.switch_to.frame() iframe :直接将一个html 页面嵌入另一个html 页面中 switch_to.frame() 默认可以直接取表单的id 或 name 属性 #切换iframe,一定要一层一层找,层级一旦错误就定位失败# driver.switch_to.frame('top-frame')# driver.find_element_by_css_selector('#newtag').send_keys(111)# iframe =

Ajax 跨域的几种解决方案

作者:黄轩链接:http://www.zhihu.com/question/19618769/answer/38934786来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 首先假设你请求数据的网站为B.要看你是否可以控制(修改里面的代码).1 jsonp 缺点只能get请求 ,需要修改B网站的代码2 cors 刘子龙说的方案,这个方案缺点是 ie6 7 兼容不好(倒是不见得要兼容).需要B网站在响应中加头3 postMessage 缺点也是 ie6 7 兼容不

vue项目跨域问题

跨域了解同源政策:所谓"同源"指的是"三个相同". 协议相同域名相同端口相同解决跨域 jsonp 缺点:只能get请求 ,需要修改B网站的代码 cors 这个方案缺点是 ie6 7 兼容不好(倒是不见得要兼容).需要B网站在响应中加头 postMessage 缺点也是 ie6 7 兼容不好(倒是不见得要兼容).需要修改B网站的代码 iframe window.name 传值得方式很巧妙,兼容性也很好.但是也是需要你能修改B网站代码服务端主动请求B网站,兼

HTML-iframe标签

碎碎:这两天在实践中,用到了 iframe,之前对其不甚了解,了解之中遇到好多奇葩问题,今天记录下这两天遇到的相关的内容. 嵌入的 iframe 页面的边框嵌入的 iframe 页面的背景嵌入的 iframe 页面居中嵌入的 iframe 页面的滚动条 iframe 父页面调用子页面 iframe 子页面调用父页面 1. iframe 嵌入页面的边框 //HTML 元素:主要有 src: 要嵌入的页面 <iframe id="framePage" src="ifr

iframe 向外层传值

热门专题