位置: 编程技术 - 正文
推荐整理分享JavaScript实现iframe自动高度调整和不同主域名跨域(javascript的if),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:js中if函数的使用方法,js if0,js中if函数的使用方法,js if0,js操作iframe,javascript if,js if0,js操作iframe,内容如对您有帮助,希望把文章链接给更多的朋友!
大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的。
比如我有一个网站,网站中要嵌入其网站的页面。那么我可以使用iframe引用第三方网站的地址即可。
但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com B.com A 里面放入一个iframe 引用了B.com,这种情况下B.com里面的Js是无法访问到A.com的。JS跨域必须是同源,就是同一个主域名,那肿么办呢?
我们可以在B.com中在引入一个iframe,暂且叫C吧 这个iframe加载A.com中的一个网页。这样同源就有了B.com中的iframe中的网页就可以和A.com通讯了。下面只要B和C通讯,让C和A通讯就完成B->A通讯,这样当B高度变化时通知C,让C通知A把iframe高度调整。B和C通讯,其实通过url地址就可以实现通讯了,B.com iframe设置为隐藏,改变src地址时候C就可以接收。
废话不说了上代码
A.com/index.html
B.com/index.html
C 代理文件
详解Javascript中的Object对象 Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的。虽说我们平时只是简单地使用了Object对象来存储数据,并
javascript插件开发的一些感想和心得 起因如果大家平时做过一些前端开发方面的工作,一定会有这样的体会:页面需要某种效果或者插件的时候,我们一般会有两种选择:1、上网查找相关
javascript计时器编写过程与实现方法 JavaScript是一门非常容易上手的脚本语言,而且工具繁多,功能强大,因为一直做后端的关系,笔者目前也只是略学一点皮毛。接下来进入正题——计时
标签: javascript的if
本文链接地址:https://www.jiuchutong.com/biancheng/378994.html 转载请保留说明!友情链接: 武汉网站建设