»
Tiếng AnhTiếng PhápTiếng Việt

In - Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Bài viết » Chỉ dẫn How-to » Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web
URL: https://www.javascriptbank.com/using-javascript-change-web-page-font-size.html

Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web © JavaScriptBank.comTrong bài viết hướng dẫn sử dụng JavaScript khá ngắn gọn này, Nurani sẽ chỉ bạn cách dùng vài đoạn mã đơn giản để thay đổi kích cỡ chữ trên trang web của mình chỉ với một vài cú nhấn chuột.

Phiên bản đầy đủ: jsB@nk » Bài viết » Chỉ dẫn How-to » Hướng dẫn dùng JavaScript để thay đổi kích cỡ chữ trên web
URL: https://www.javascriptbank.com/using-javascript-change-web-page-font-size.html



JavaScript
<script type="text/javascript">var min=8;var max=18;function zoominLetter() {   var p = document.getElementsByTagName('p');   for(i=0;i<p.length;i++) {      if(p[i].style.fontSize) {         var s = parseInt(p[i].style.fontSize.replace("px",""));      } else {         var s = 12;      }      if(s!=max) {         s += 1;      }      p[i].style.fontSize = s+"px"   }}function zoomoutLetter() {   var p = document.getElementsByTagName('p');   for(i=0;i<p.length;i++) {      if(p[i].style.fontSize) {         var s = parseInt(p[i].style.fontSize.replace("px",""));      } else {         var s = 12;      }      if(s!=min) {         s -= 1;      }      p[i].style.fontSize = s+"px"   }}</script>


HTML
<a href="javascript:zoominLetter();">A</a><a href="javascript:zoomoutLetter();">a</a>