gpt4 book ai didi

javascript - 为什么这段 js 代码不能在 Chrome 和 Safari 中运行?

转载 作者:太空宇宙 更新时间:2023-11-04 13:26:56 24 4
gpt4 key购买 nike

我的 index.html 上有一个 iframe,这个 iframe 是动态的。

在我的 index.html 上,我有一个表单,提交后会在 iframe 中显示结果。

问题是 iframe 的高度也必须是动态的,网站才能看起来“干净”。

所以在 Iframes php 页面中,我有这段代码:

<body onload="parent.resize_iframe(document.body.scrollHeight)">

在 index.html(在本例中是父级)中我有这个功能:

function resize_iframe(new_height){
byId('iframe001').style.height=parseInt(new_height) + 20 + 'px';
}

这里的问题不在于函数,而是 Safari 和 Chrome 认为 scrollHeight 比实际大得多。

我试过提醒 scrollHeight,在 Chrome 和 Safari 中 nr 总是在 2000px 左右,但在其他浏览器中它是动态的,因为它应该是(500、300、800 等)...

有什么想法吗?

更新:

我注意到,当我单击索引上的链接,然后单击浏览器后退按钮时,iframe 在 SAFARI 和 CHROME 中会正确调整大小。

但我必须在浏览器中单击返回才能工作...

查看此问题以获取更多信息:Can't figure out why Chrome/Safari can't get the ScrollHeight right here

最佳答案

我不确定,但是我想说我想说的。 Safari 和 Chrome 都是基于 webkit 的浏览器,所以这样的行为很正常。所以我猜他们在计算高度时将填充和边距添加到正常高度。请用谷歌搜索“webkit 计算样式”

关于javascript - 为什么这段 js 代码不能在 Chrome 和 Safari 中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3849582/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com