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 :用以储放提升或减少2个按键的父级纸盒的id。
* contentid: 储放视频的id。
* {} 一个对象,用以给予设定的参数。
|— szie : 字体样式开始(默认设置)尺寸。
|— maxSize : 较大字体样式。
|— step : 持续增长的步幅值。
*/
提醒:能通过font-size:0的方式去掩藏Input元素value值,随后自定按键的样式。
【强烈推荐学习培训:javascript初级教程】
以上就是关于javascript如何设置字体大小的具体内容,大量欢迎关注AdminJS其他类似文章!