javascript怎么设置字体大小

javascript设置字体大小的方法：1、创建“function setFontSize (id,content,params){ ...} ”方法；2、通过“setFontSize(id,contentid,{ ...} )”方法调试即可。

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么设置字体大小？

JavaScript 控制字体大小设置的方法

在做公司的官网的时候，新闻内页会有一个让浏览者自己调整文字大小的功能，因此在这个空闲时间，把这个功能整理下来：

function setFontSize (id,content,params){
          VAR oTarget = document.getElementById(id),        content = document.getElementById(content),        size = params.size || 14,        maxSize = params.maxSize || 20,        step = params.step || 2;
            oBTn = 'input tyPE="button" value="+"/>
    input type="button" value="-" />
    ';
            oBtn1 = null,        oBtn2 = null;
            oTarget.innerHTML = oBtn;
            oBtn1 = oTarget.childNodes[0];
            oBtn2 = oTarget.childNodes[1];
        oBtn1.onclick=function(){
          if(size+step = maxSize){
                size+=step;
          }
else{
                size = maxSize;
                this.classname+=' disabled';
                this.disabled = true;
          }
              oBtn2.className.replace('disabled','');
              oBtn2.disabled = false;
              content.style.fontSize = size +'px';
        }
        oBtn2.onclick=function(){
              if(size-step >
= 12){
                 size-=step;
          }
else{
                size = 12;
                this.className+=' disabled'            this.disabled = true;
          }
              oBtn1.className.replace('disabled','');
              oBtn1.disabled = false;
              content.style.fontSize = size +'px';
      }
  }
    

调用方式：

setFontSize(id,contentid,{
Size:,maxSize,step:}
    );
/* * id ：用于存放增加或减小两个按钮的父级盒子的id。 * contentid: 存放内容的id。 * {
}
     一个对象，用于提供设置的参数。     |— szie : 字体起始(默认)大小。     |— maxSize : 最大字体。     |— step : 增长的步长值。*/

提示：可以通过font-size:0的方式来隐藏Input元素的value值，然后自定义按钮的样式。

【推荐学习：javascript基础教程】

以上就是javascript怎么设置字体大小的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！