javascript設定字體大小的方法:先設定佈局,並寫兩個按鈕;然後透過點擊加減按鈕來控製文字的大小,程式碼為【oPtxt.style.fontSize=num 'px'】。
本教學操作環境: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如何設定字體大小的詳細內容。更多資訊請關注PHP中文網其他相關文章!