ホームページ > 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 までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート