日期:2014-05-17  浏览次数:20642 次

如何在外部更改内联框架的字体大小
<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="Smaller Font Size">A</a>
<a href="javascript:changeFontSize(18)" style=" font-size:18px;" alt="Larger Font Size">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="Smaller Font Size">A</a>
<a href="javascript:changeFontSize(18)" style=" font-size:18px;" alt="Larger Font Size">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>