iframe没有正确的尺寸

时间:2013-09-16 11:34:24

标签: javascript html iframe

<html>
<script>
document.write("<iframe id='theframe' src='http://www.website.com?testvr=" + testvr + " height='900' width='500'></iframe>");
</script>
</html>

iframe已添加,但是为500 x 150而不是900 x 500.当iframe位于body标签内部时,此大小正常,并且仅在使用document.write时执行此操作。为什么呢?

1 个答案:

答案 0 :(得分:2)

首先,应用样式的正确方法是使用样式属性。

<iframe id='theframe' src='yourComplexSrc' style='height:900px; width:500px;'></iframe>

最佳实践:将您的样式与标记分开。 (样式应该转到不同的样式表文件)

但是,您的代码的问题是在src值之后,您没有结束标记。 所以最终,这应该工作:

document.write("<iframe id='theframe' src='http://www.website.com?testvr=" + testvr + "' height='900' width='500'></iframe>");