本教程操作环境:windows7系统、javascript1.8.5版,dell g3电脑。
javascript设置字体大小的方法:
首先还是先看布局,简单写一句话,并写两个按钮:
<input id="btn1" type="button" value="+" name=""/><input id="btn2" type="button" value="-" name=""/><p id="p1" style="font-size:14px;">这是一些文字这是一些文字这是一些文字这是一些文字</p>
效果图如下:
然后,就要通过点击加减按钮来控制文字的大小了,js代码如下:
<script> window.onload= function(){ var optxt=document.getelementbyid("p1"); var obtn1=document.getelementbyid("btn1"); var obtn2=document.getelementbyid("btn2"); var num = 14; /*定义一个初始变量*/ obtn1.onclick = function(){ num++; optxt.style.fontsize=num+'px'; }; obtn2.onclick = function(){ num--; optxt.style.fontsize=num+'px'; } }</script>
相关免费学习推荐:javascript视频教程
以上就是javascript如何设置字体大小的详细内容。
