编写一段代码,尝试在普通HTML页面中嵌入PHP代码,并显示出”你好“字样。

在iframe中能否直接嵌入HTML字符串?

内嵌框架iframe在火狐ff下自适高度问题

嘿,我不明白你的代码。
实在是太尴尬了。
但我已经做了一些关于 iframe 高度适应性的事情。

记得去年在深圳,我帮朋友调整了他的网站,但他的iframe高度还是不对。
尝试了几种方法,最终使用JS动态计算工作高度。
您的代码将 Firefox 和 IE 处理分开。
是不是有点老了?浏览器现在更加智能。

场景是:用户点击子页面,iframe没有高度,整个网页崩溃。
使用JS计算body.offsetHeight或者scrollHeight基本可以解决问题。
FFextraHeight=3 5 是什么意思?我应该在 Firefox 中添加 3 5 像素吗?我曾经调整过IE,发现如果不加高度,iframe就无法完全显示。

但是话虽如此,iframe 现在已经很少使用了。
如今单页SPA应用很流行,使用iframe会带来兼容性问题。
您确定这段代码可以处理所有情况吗?我在这里遇到了 Edge 浏览器,它无法识别 Document.body.scrollHeight。

试试这个方法如何:向 iframe 添加 onload 事件,然后计算加载后的高度。
代码可能如下所示:
javascript var iframe = document.getElementById('myIframe'); iframe.onload = 函数() { this.style.height = this.contentWindow.document.documentElement.scrollHeight + 'px'; >
去年在上海,我改造了一个客户网站,事实证明这个方法特别稳定。
iframe 嵌入到另一个域中。
使用offsetHeight会导致跨域错误。
您只能使用 contentWindow。

您从哪里获得 FFextraHeight?我曾经调试过Firefox浏览器,发现它在iframe渲染方面有点特殊,可能和CSS有关。
你确定这不是 CSS 填充或边距吗?
算了,这个我也不知道,不敢乱说。
iframe自适应高度在不同浏览器和场景下肯定存在陷阱。
您的代码将 Firefox 和 IE 处理分开,这可能是一个旧的解决方案。
现在主流的浏览器都是基于WebKit的,所以它们应该都使用通用的方法。

你可以尝试我提到的onload事件方法,或者直接将iframe的高度属性设置为1 00%。
去年在杭州有一个项目。
我使用了 1 00% 高度。
简单粗暴,一切都完成了。

或者,您可以将iframe的父元素的高度设置为1 00%,iframe页面将自行升高。
我去年设计了一个响应式网站,这就是我所做的。
CSS已经完成,不需要JS。