js设置文字大小,js怎么设置文本框大小
本文操作环境:windows7系统、javascript1.8.5版、戴尔自交第三代电脑。
javascript怎么设置字体大小?
Java脚本语言控制字体大小设置的方法
在做公司的官网的时候,新闻内页会有一个让浏览者自己调整文字大小的功能,因此在这个空闲时间,把这个功能整理下来:
函数setFontSize (id,内容,参数){
var o target=文档。getelementbyid(id),
内容=文档。getelementbyid(内容),
size=params.size 14,
maxSize=params.maxSize 20,
步骤=参数。第 2步;
oBtn= input type= button value= /input type= button value=-/;
oBtn1=null,
oBtn2=null
oTarget.innerHTML=oBtn
obt n1=o目标。子节点[0];
N2=o目标。子节点[1];
oBtn1.onclick=function(){
如果(大小步长=maxSize){
大小=步长;
}否则{
size=maxSize
此功能已禁用
this.disabled=true
}
obtn 2。类名。替换( disabled , );
oBtn2.disabled=false
内容。风格。font size=size px
}
oBtn2.onclick=function(){
if(size-step=12){
尺寸-=步长;
}否则{
尺寸=12;
这个。已禁用
this.disabled=true
}
obt n1。类名。替换( disabled , );
oBtn1.disabled=false
内容。风格。font size=size px
}
}调用方式:
setFontSize(id,contentid,{size:maxSize,step:});
/*
* id:用于存放增加或减小两个按钮的父级盒子的身份证。
*内容id:存放内容的身份证。
* {} 一个对象,用于提供设置的参数。
— szie:字体起始(默认)大小。
—最大大小:最大字体。
—步骤:增长的步长值。
*/提示:可以通过字体大小:0的方式来隐藏投入元素的价值值,然后自定义按钮的样式。
【推荐学习:javascript基础教程】以上就是爪哇岛描述语言怎么设置字体大小的详细内容,更多请关注我们其它相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。