vue頁(yè)面iframe嵌入的高度更新


容器頁(yè)面

?<script type="text/javascript">

? ? ? ? // iframe加載完畢

? ? ? ? window.pageLoad = function () {

? ? ? ? ? ? // console.warn('iframe加載完畢');

? ? ? ? };

? ?//當(dāng)url更改時(shí)會(huì)繼續(xù)進(jìn)入

? ? ? ? window.onload = function () {

? ? ? ? ? ? var b_iframe = parent.parent.document.getElementById("iframe1");

? ? ? ? ? ? var hash_url = window.location.hash.split("#");

? ? ? ? ? ? var hash_height = hash_url[1] + "px";

? ? ? ? ? ? b_iframe.style.height = hash_height;

? ? ? ? }

? ? </script>

? ? <script type="text/javascript">

? ? ? ? function get_url() { //定義函數(shù)

? ? ? ? ? ? var url = window.location.href; //獲取當(dāng)前頁(yè)面的url

? ? ? ? ? ? var pattern = /(\w+)=(\w+)/ig; //定義正則表達(dá)式

? ? ? ? ? ? var parames = {}; //定義數(shù)組

? ? ? ? ? ? url.replace(pattern, function (a, b, c) {

? ? ? ? ? ? ? ? parames[b] = c;

? ? ? ? ? ? });

? ? ? ? ? ? var objid = parames['objid']; //返回這個(gè)數(shù)組.

? ? ? ? ? ? document.getElementById('iframe1').src += '?objid=' + objid;

? ? ? ? }

? ? ? ? get_url();

? ? ? ? function onMessage(jqEvent) {

? ? ? ? ? ? console.warn('高度---', jqEvent.originalEvent.data.iframe);

? ? ? ? ? ? if (jqEvent.originalEvent.data.iframe) {

? ? ? ? ? ? ? ? var iframeContentHeight = jqEvent.originalEvent.data.iframe;

? ? ? ? ? ? ? ? $('iframe').height(iframeContentHeight + 100);

? ? ? ? ? ? }

? ? ? ? }

? ? ? ? $(window).on('message.socialPanel', onMessage);

? ? </script>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容