读书人

怎么在外部更改内联框架的字体大小

发布时间: 2013-06-19 10:26:41 作者: rapoo

如何在外部更改内联框架的字体大小
<html>
<body bgcolor="#fffff">
<script type="text/javascript">
function changeFontSize(size){
var doc = document.getElementsByTagName('body')[0];
doc.style.fontSize = size + "px";
}
</script>
<a href="javascript:changeFontSize(14)" style="font-size:14px;" alt="怎么在外部更改内联框架的字体大小">A</a>
<a href="javascript:changeFontSize(18)" style=" font-size:18px;" alt="怎么在外部更改内联框架的字体大小">A</a>
<div id=zoom>这段文字会随即改变大小</div>

<iframe src="zi.html" height="500" width="999" align="center" scrolling="no" marginwidth="80" vspace="100">
</iframe>
</body>
</html>

这样做不能改变内联框架中的字体大小,怎样才能让内联框架中的字体大小也改变 HTML 框架 字体 JavaScript
[解决办法]

<html>
<body bgcolor="#fffff">
<script type="text/javascript">
function changeFontSize(size) {
var bd = document.getElementById('ifr').contentWindow.document.body;
bd.style.fontSize = size + "px";
}
</script>
<a href="javascript:changeFontSize(14)" style="font-size:14px;" alt="怎么在外部更改内联框架的字体大小">A</a>
<a href="javascript:changeFontSize(18)" style=" font-size:18px;" alt="怎么在外部更改内联框架的字体大小">A</a>
<div id=zoom>这段文字会随即改变大小</div>

<iframe id="ifr" src="2.html" height="500" width="999" align="center" scrolling="no" marginwidth="80" vspace="100">
</iframe>
</body>
</html>

读书人网 >CSS

热点推荐