您好,欢迎访问一九零五行业门户网

通过JavaScript控制字体大小的代码_javascript技巧

为了此代码到您的网页必须使用像素大小的字体(px),而不是相对大小的字体,使用“em”或“%”。当然如果你使用其他字体单位的代码可以很容易地适应这些。如果脚本不能找到一个段落的字体大小,它会默认为12px。
核心代码:
复制代码 代码如下:
var min=8;
var max=18;
function increasefontsize() {
   var p = document.getelementsbytagname('p');
   for(i=0;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 decreasefontsize() {
   var p = document.getelementsbytagname('p');
   for(i=0;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
   }
}
包括上面的代码在您的网页(无论是放置在头部分,或将其放置在一个外部js文件和进口)。然后可以调用的增加和减少象下面的字体大小的功能。
使用方法:
复制代码 代码如下:
-
+
其它类似信息

推荐信息