Javascript 在iframe中访问和调整div的高度
我目前正在为我的网站编写一个新主题,在动态调整iframe中div元素的高度时遇到了问题。iframe中的源位于我的域中,但我无法直接编辑它 我想做的是,让一个脚本读取iframe的高度(例如1000px),读取iframe中两个div的高度(例如#content height=200px和#question height=600px)。然后调整这两个高度以适应iframe页面 我猜会是这样的: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
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语句之后写下这个部分呢?