html iframe高度自适应
来源:互联网 发布:linux oracle 软件包 编辑:程序博客网 时间:2024/05/21 08:35
最近遇到一个问题纠结死了,iframe总是不能高度自适应,去网上查有很多解答,但是总不能解决问题,根本无效
老是报错
a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.这句话大概意思是必须同一个域
我只是做的HTML用iframe引用其他的HTML,这样并不是同一个域,简直笨死了,将其放到tomcat下测试了才可以,这才是在同一个域,用跨域也有解决办法,不过暂未验证,下面是俩参考网址
iframe高度自适应 JavaScript跨域总结与解决办法
以下是核心代码(都是在父文件里)
<iframe id="iframe" name="iframe" src="../index.jsp" width="100%" frameborder="no" border="0" scrolling="no" onload="setIframeHeight(this)"></iframe>
<script type="text/javascript" language="javascript">function setIframeHeight(iframe) {if (iframe) {var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;if (iframeWin.document.body) {iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;}}}; </script>
注意!js不要写在head里,不起作用,放到body里面
这也是iframe自适应的一种方法
<div id="index-content"><iframe id="iframe" src="login/register.html" width="100%" height="800px" onLoad="iFrameHeight()" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></div>
<script type="text/javascript">function iFrameHeight() { var ifm= document.getElementById("iframepage"); var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument; if(ifm != null && subWeb != null) { ifm.height = subWeb.body.scrollHeight; } } </script>
参考于下面网站,里面还有很多方法,也还没验证
http://www.jb51.net/article/15780.htm
0 0
- html iframe高度自适应
- html <iframe>自适应高度
- 设置HTML中的Iframe框架自适应高度
- HTML教程:如何设置Iframe自适应高度
- HTML教程:如何设置Iframe自适应高度
- Html iframe 窗口自适应内容高度
- Iframe高度自适应
- iframe 的自适应高度
- 是Iframe高度自适应
- iframe 的自适应高度
- iframe自适应高度
- Iframe自适应高度
- 让IFRAME自适应高度
- Iframe 自适应高度宽度
- iframe自适应高度
- iframe自适应高度
- Iframe自适应高度[摘]
- 让Iframe自适应高度
- 总结c/c++中各种基本数据类型转换方法
- 产品经理如何做好行业研究及竞争对手分析工作
- 日经春秋 20150915
- Android Studio 运行时出现 finished with non-zero exit value 2
- 数字证书原理
- html iframe高度自适应
- maven项目部署到Repository(Nexus)
- 虚拟机在64位CentOS搭建lamp环境出现的一些报错以及解决方法
- 第n个丑数
- 数据结构之自建算法库——链栈
- Surrounded Regions
- 服务发现:Zookeeper vs etcd vs Consul
- 一个简单的算法---实现找出数组中一个数字出现次数最多的数字
- AngularJS $watch root scope variable for changes