Heim  >  Artikel  >  Web-Frontend  >  如何在外部更改内联框架的字体大小_html/css_WEB-ITnose

如何在外部更改内联框架的字体大小_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:20:401515Durchsuche

HTML 框架 字体 JavaScript



<script> <br /> function changeFontSize(size){ <br /> var doc = document.getElementsByTagName('body')[0]; <br /> doc.style.fontSize = size + "px"; <br /> } <br /> </script>
A
A
这段文字会随即改变大小





这样做不能改变内联框架中的字体大小,怎样才能让内联框架中的字体大小也改变

回复讨论(解决方案)

<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>

ok  好了 非常感谢!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn