proxy.html放在域名A页面,域名A页面中的iframer的id命名是iFrame,和域名B里面的Js里面的变量对应

<iframe style="HEIGHT: 560px" id="iFrame" framespacing="0" height="560" marginheight="0" border="0" src="http://www.uzuz8.com/post/425.html"  frameborder="0" width="683" marginwidth="0" scrolling="no"></iframe>

IFrameJS.js放在域名B下面,在域名A页面嵌入的域名B的页面中引用它,即可使域名B该页面高度自适应。

通俗一点就是,我在http://www.uzuz8.net/页面中通过iframe引用了http://www.uzuz8.com/post/425.html,要想让http://www.uzuz8.com/post/425.html在http://www.uzuz8.net/页面中高度自适应,就把proxy.html放在http://www.uzuz8.net/下面,把http://www.uzuz8.net/页面中iframe的id命名为iFrame,并在http://www.uzuz8.com/post/425.html引用IFrameJS.js即可。

proxy.html和IFrameJS.js下载:/Files/chendaoyin/iframe跨哉高度自适应.7z

JS跨域控制IFrame高度自适应相关推荐

  1. Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...

  2. Iframe高度自适应(兼容IEFirefox、同域跨域)

    在实际的项目进行中,很多地方可能由于历史原因不得不去使用iframe,包括目前正火热的应用开发也是如此. 随之而来的就是在实际使用iframe中,会遇到iframe高度的问题,由于被嵌套的页面长度不固 ...

  3. vue iframe高度自适应

    我们在开发过程中会遇到iframe嵌入外部页面问题,通常外部页面高度不一,如果我们写死iframe高度,就会出现滚动条.通过以下设置会避免滚动条情况 <iframeref="ifram ...

  4. 跨域iframe高度自适应(兼容IE/FF/OP/Chrome)

    采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策 ...

  5. CSS完美实现iframe高度自适应(支持跨域)

    https://blog.csdn.net/qq_32915337/article/details/79900222 Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用 ...

  6. 完美实现跨域Iframe高度自适应【Iframe跨域高度自适应解决方案】

    Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的"BUG"就是iframe的高度无法自 ...

  7. 纯CSS实现iframe高度自适应,完美兼容各种浏览器,同域异域

    最近做项目需要引用外部页面,在网上找的许多关于iframe高度自适应的文章,有的只能同域访问,有的可以实现异域,但是需要异域是可编辑的.对于我这种情况都不适用.而且,这些方法都需要用js. 后来,我发 ...

  8. 【转】JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  9. JS跨域(ajax跨域、iframe跨域)解决方法及原理详解(jsonp)

    这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据.只要协议.域名.端口有任何一个不同,都被 ...

最新文章

  1. 一些常见的名词解释(持续更新中)
  2. 大一统的宇宙与太极原理之随想
  3. 之全能忙内_全能水适能指导员流行到山西,你是否跟上?
  4. 有理数取余(洛谷-P2613)
  5. 大数据-03-Spark入门
  6. python生成随机密码串
  7. hightcharts 3d 堆积图下钻
  8. Java 中equals 与 == 的区别:
  9. 蓝丝雨零基础学习按键精灵VIP教程合集
  10. java微信支付详解_java微信支付接入流程详解
  11. 前端使用Aliplayer 播放器 播放flv直播流
  12. hdu6638 Snowy Smile 离散 扫描线 线段树
  13. 少儿python教学_如何教少儿学习Python编程
  14. 1.2 webstorm设置pug自动编译
  15. Jxl解析Excel表格数据
  16. 到底什么是REST?怎么用通俗的语言解释REST以及RESTful?
  17. 易语言数据库读取相关数据
  18. 3120TL条码打印机驱动安装指导
  19. ACM-ICPC 2018沈阳赛区网络预选赛
  20. python抓取微信_python抓取搜狗微信公众号文章

热门文章

  1. mysql 代码怎么优化_MySQL 性能优化的简略办法
  2. python迭代法求解非线性方程_荐【数学知识】非线性方程求解的二分法以及牛顿迭代法...
  3. 中国医科大学计算机在线作业,中国医科大学《计算机应用基础》在线作业及参考 答案.doc...
  4. html表单下拉美化教程,用javascript实现select的美化的方法
  5. android扩散波动动画,使用WebGL制作图片的像素脉冲波(粒子化扩散波动)动画特效...
  6. (10) Hibernate懒加载详解
  7. 为什么不用DriverManager.registerDriver(driver)
  8. webpack:多文件、多环境、跨域处理、热加载
  9. 西瓜书学习记录-线性模型(第三章)
  10. 【搜索引擎基础知识1】搜索引擎基本架构