Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/428.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在iframe中访问和调整div的高度_Javascript_Jquery_Html_Iframe - Fatal编程技术网

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

Javascript 在iframe中访问和调整div的高度,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我目前正在为我的网站编写一个新主题,在动态调整iframe中div元素的高度时遇到了问题。iframe中的源位于我的域中,但我无法直接编辑它 我想做的是,让一个脚本读取iframe的高度(例如1000px),读取iframe中两个div的高度(例如#content height=200px和#question height=600px)。然后调整这两个高度以适应iframe页面 我猜会是这样的: var height = $('iframe').height(); var content_hei

我目前正在为我的网站编写一个新主题,在动态调整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,我是一个十足的傻瓜,所以任何帮助都会很好。

类似这样的东西应该可以:

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

像这样的方法应该会奏效:

 $('iframe').height();
 $('iframe').contents().find('#content').height();
 $('iframe').contents().find('#question').height();
见拉杰什的答案

对于if语句:不要忘记括号(以及所有分号)

见拉杰什的答案

对于if语句:不要忘记括号(以及所有分号)


给iframe和div一个id。。并使用yourid.height()…您使用的是jQuery吗?然后你就可以做了,只需要选择器和
height()
方法。试试看!我现在就去试一试。感谢您的快速回复。请给iframe和div一个id。。并使用yourid.height()…您使用的是jQuery吗?然后你就可以做了,只需要选择器和
height()
方法。试试看!我现在就去试一试。感谢您的快速回复。在这种情况下,“iframe”可以是页面上任何iframe的概念吗?我需要这样做吗?如果你有更多的iframe,而你无法使用id来表示特定的iframe,那么我如何在if语句之后编写该部分?在这种情况下,“iframe”可以是页面上任何iframe的意思吗?我需要这样做吗…如果你有更多的iframe,而不是你可以用id来表示特定的iframe,我该如何在if语句之后写下这个部分呢?