javascript如何设置字体大小

lxf2023-02-19 10:29:55

javascript设置字体大小的办法:1、建立“function setFontSize (id,content,params){...}”方式;2、根据“setFontSize(id,contentid,{...})”方式调节就可以。

javascript如何设置字体大小

文中作业环境: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 :用以储放提升或减少2个按键的父级纸盒的id。
 * contentid: 储放视频的id。
 * {} 一个对象,用以给予设定的参数。
     |— szie : 字体样式开始(默认设置)尺寸。
     |— maxSize : 较大字体样式。
     |— step : 持续增长的步幅值。
*/

提醒:能通过font-size:0的方式去掩藏Input元素value值,随后自定按键的样式。

【强烈推荐学习培训:javascript初级教程】

以上就是关于javascript如何设置字体大小的具体内容,大量欢迎关注AdminJS其他类似文章!