我在iframe中加载一个aspx网页.Iframe中的内容可以比iframe的高度更高.iframe不应该有滚动条.
我div在iframe中有一个包装器标签,基本上就是所有的内容.我写了一些jQuery来调整大小:
$("#TB_window", window.parent.document).height($("body").height() + 50);
包含TB_window它的div在哪里
Iframe.
body - iframe中aspx的body标签.
此脚本附加到iframe内容.我TB_window从父页面获取元素.虽然这在Chrome上运行良好,但TB_window在Firefox中崩溃.我真的很困惑/失去了为什么会发生这种情况.
我需要从我在另一个域中的Iframe访问父域URL.
例如,"example.com"是我的网站,其中包含来自其他父域的Iframe,例如"google.com".在这里,我需要从example.com访问父域URL.也就是说,我需要在"example.com"域中获取URL"google.com".而且,父域不能被硬编码.
我尝试使用以下代码:
window.parent.location.href()
但这会导致访问被拒绝错误.为了实现这一目标,我该如何正确实现？
我见过很多人问如何使 iframe 100% 高度。可以使用一些 CSS 轻松存档。它将使 iframe 相对于设备屏幕显示 100%。但是如何根据其内容使 iframe 100% 高度？
这是我当前根据设备屏幕制作 100% iframe 的代码：
iframe {
display: block;
background: #000;
border: none;
height: 100vh;
width: 100vw;
} <iframe src="https://...">Your Browser Does Not Support iframes!</iframe>在allowfullscreen和position:absolute没有除了撞毁我的网站模板的帮助。这是我在不破坏主 CSS 的情况下能做的最好的事情。请帮忙...
编辑：iframe 内容响应使用
<meta name="viewport" content="width=device-width,initial-scale=1">
所以使用javascript预设高度也不起作用。也许有一种使用高度单位的方法？
em, ex,rem等等？或者使它成为特定的百分比vw？
我在页面中加载iframe,iframe的内容长度会不时更改.我已经实现了以下解决方案.但是高度是固定的,因为dyniframesize只在iframe.onload时调用.
可以相应地调整iframe的大小,以便iframe的高度发生变化吗？
<iframe src ="popup.html" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%"></iframe>
function dyniframesize(down) {
var pTar = null;
if (document.getElementById){
pTar = document.getElementById(down);
}
else{
eval('pTar = ' + down + ';');
}
if (pTar && !window.opera){
//begin resizing iframe
pTar.style.display="block"
if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){
//ns6 syntax
pTar.height = pTar.contentDocument.body.offsetHeight +20;
pTar.width = pTar.contentDocument.body.scrollWidth+20;
}
else if (pTar.Document && pTar.Document.body.scrollHeight){
//ie5+ syntax
pTar.height = pTar.Document.body.scrollHeight;
pTar.width = pTar.Document.body.scrollWidth;
}
}
}
</script>