iframe的使用
Posted 前端先锋
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了iframe的使用相关的知识，希望对你有一定的参考价值。
1.父页面调用子页面的元素
$(‘a‘).contents().find("b")
(a代表iframe的id或者class，b代表子页面)
2.子页面调用父页面的元素
$(window.parent.document).contents().find("c")
(c代表父页面的任意元素id或者class)
3.iframe高度自适应
<iframe src="" allowtransparency="true" id=‘ifm‘ style="background-color: transparent" frameborder="0" scrolling="no"></iframe>
jQuery方法
$(‘#ifm‘).load(function(){
$(this).height( $(this).contents().find("body").height());//body也可以是iframe子页面的任何元素
});
js方法
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;
}；
}；
};
window.onload = function() {
setIframeHeight(document.getElementById(‘ifm‘));
};
以上是关于iframe的使用的主要内容，如果未能解决你的问题，请参考以下文章
从 google-site 上的嵌入式（iframe）片段，引用存储在 google 驱动器上的 json 文件