> php教程 > php手册 > 自动设置iframe高度,实现iframe高度自适应

自动设置iframe高度,实现iframe高度自适应

WBOY
풀어 주다: 2016-06-07 11:43:08
원래의
1491명이 탐색했습니다.

自动设置iframe高度,供第三方调用,实现iframe高度自适应;
这个可以解决跨域问题。
iframe 如下<iframe></iframe>iframe 的src地址包含如下代码片段:<iframe></iframe>
 <script><br /> try {<br /> function sethash() {<br /> var hashH = document.documentElement.scrollHeight;<br /> var urlC = "http://domain/setheight.html";<br /> document.getElementById("iframeA").src = urlC + "#" + hashH + "#" + Math.random();<br /> }<br /> } catch (e) { }<br /> </script>
http://domain/setIframeHeight 的代码如下:    /**<br>      *自动设置iframe高度,供第三方调用,实现iframe高度自适应<br>      */<br>     public function setIframeHeight() {<br>         header("Content-type: text/html; charset=utf-8"); <br>         echo '<meta>';<br>         echo '<script><br /> var b_iframe = parent.parent.document.getElementById("showFrame");<br /> //var app_show_left = parent.parent.document.getElementById("aside_left");<br /> var hash_url = window.location.hash;<br /> var hash_width = hash_url.split("#")[1].split("|")[0];<br /> var hash_height = hash_url.split("#")[1].split("|")[1];<br /> if(undefined==hash_height) {<br /> hash_height = hash_width;<br /> hash_width = 0;<br /> }<br /> //b_iframe.style.width = hash_width;<br /> b_iframe.style.height = hash_height+"px";<br /> </script>';<br>     }

AD:真正免费,域名+虚机+企业邮箱=0元

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿