javascriptで文字サイズ変更する方法

質問

ページ全体の文字サイズをjavascriptで変更させたいと思っています。
１）http://oku.edu.mie-u.ac.jp/~okumura/javascript/changesize.html
一つ目のこの方法なんですが、無限にサイズを変更できるのではなく、大中小の３サイズ変更にしたいのですが、どう書き換えればよいのでしょうか？

２）http://www14.plala.or.jp/sugachuu/JavaScript/2003/fontsize.html
二つ目のこの方法ですが、自分の作っているページにうまく埋め込めません。
script記述の辺りに問題があると思うのですが。
自作ページには<script type="text/javascript">がすでに入っています。ここに<script language="JavaScript">をどう埋め込めばよいのでしょうか？

よろしくお願いします。

回答No.1

leap_day · ベストアンサー

こんにちは

簡単な例としては
<script type="text/javascript"><!--
function large() { document.body.style.fontSize = "200%"; }
function middle() { document.body.style.fontSize = "100%"; }
function small() { document.body.style.fontSize = "50%"; }
//--></script>

<input type="button" onClick="large()" value="大">
<input type="button" onClick="middle()" value="中">
<input type="button" onClick="small()" value="小">

のように変更サイズを固定すればいいです

２は記述的にはどちらでもいいけどtype=""のほうが正規なのかな？
<script language="javascript"><!--
function larger() { }
--></script>
か
<script type="text/javascript"><!--
function larger() { }
--></script>
のどちらでも動くのは動く

お礼

早速お返事いただき、どうもありがとうございました。
助かります！