javascript - 在 iframe 中访问和调整 div 的高度

Question

我目前正在为我的网站编写一个新主题，并且在动态调整 iframe 中 div 元素的高度时遇到了问题。iframe 中的源在我的域中，但我无法直接对其进行编辑。

我想做的是有一个脚本来读取 iframe 的高度（例如 1000px），读取 iframe 中两个 div 的高度（例如 #content height=200px 和 #question height =600px）。然后它会调整这两个高度以适应 iframe 页面。

所以我猜一些看起来像这样的东西：

var height = $('iframe').height();
var content_height = $('iframe').contents().find('#content').height();
var question_height =  $('iframe').contents().find('#question').height();
var diff = height - content_height - question_height
if diff > 0
   "new content height" = content_height + diff/2
    "new question height" = content_question + diff/2
end

当谈到 javascript 时，我是一个完整的菜鸟，所以任何帮助都会很棒。

Answer 1

请参阅 rajesh 的回答。

对于 if 语句：不要忘记括号（以及所有分号）。

if (diff > 0)

Answer 2

像这样的东西应该工作：

 $('iframe').height();
 $('iframe').contents().find('#content').height();
 $('iframe').contents().find('#question').height();