Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Javascript中为文本大小更改按钮添加限制?_Javascript_Html_Button_Text_Font Size - Fatal编程技术网

如何在Javascript中为文本大小更改按钮添加限制?

如何在Javascript中为文本大小更改按钮添加限制?,javascript,html,button,text,font-size,Javascript,Html,Button,Text,Font Size,我正在制作一个面向老年人的网页。我有两个按钮,可以让网页的文本变大或变小。然而,我需要对文本的大小设置一个限制,这样就不会弄乱网页 从文本的起始点(12px)开始,它应该能够被放大两次,否则它将离开页面。同样从一开始,文本的大小应该能够减少一次。我是Javascript新手,所以我不确定如何做到这一点。任何帮助都将被感激 我当前的代码: <script> function resizeText(multiplier) { if (document.body.style.fontS

我正在制作一个面向老年人的网页。我有两个按钮,可以让网页的文本变大或变小。然而,我需要对文本的大小设置一个限制,这样就不会弄乱网页

从文本的起始点(12px)开始,它应该能够被放大两次,否则它将离开页面。同样从一开始,文本的大小应该能够减少一次。我是Javascript新手,所以我不确定如何做到这一点。任何帮助都将被感激

我当前的代码:

<script>
function resizeText(multiplier) {
  if (document.body.style.fontSize == "") {
    document.body.style.fontSize = "1.0em";
  }
  document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
}</script>

<input id="plusText" alt="Increase text size" value="Letter size +" type="button" onclick="resizeText(1) "/>
<input id="minusText" alt="Decrease text size" value="Letter size &#8211" type="button" onclick="resizeText(-1) "/>

函数resizeText(乘数){
如果(document.body.style.fontSize==“”){
document.body.style.fontSize=“1.0em”;
}
document.body.style.fontSize=parseFloat(document.body.style.fontSize)+(乘数*0.2)+“em”;
}
以下是我的方法:

修改:

用户可以增加字体大小的最大值'
2em
'
和最小值'
1em
'

修改功能:

function resizeText(multiplier) {
  if (document.body.style.fontSize == "" || parseFloat(document.body.style.fontSize) <= 1 ) {
    document.body.style.fontSize = "1.2em";    
  }

  if ( document.body.style.fontSize == '2em' && multiplier > 0 ) {
        return false;
  } else {
    document.body.style.fontSize = parseFloat(document.body.style.fontSize) + (multiplier * 0.2) + "em";
  }


}
函数resizeText(乘数){
if(document.body.style.fontSize==“”| | parseFloat(document.body.style.fontSize)0){
返回false;
}否则{
document.body.style.fontSize=parseFloat(document.body.style.fontSize)+(乘数*0.2)+“em”;
}
}
函数resizeText(乘数){
if(document.body.style.fontSize==“”| | parseFloat(document.body.style.fontSize)0){
返回false;
}否则{
document.body.style.fontSize=parseFloat(document.body.style.fontSize)+(乘数*0.2)+“em”;
}
console.log(document.body.style.fontSize);
}


佩伦特式居住者morbi tristique Sentecus et netus et malesuada以turpis egestas闻名。前庭侵权人、世仇、别有用心者、临时诉讼人、担保人。不要让你的自由人坐在那里。我的生命是永恒的。Mauris placerat eleifend leo.

脱离主题,但你不应该让浏览器处理页面缩放,并专注于使内容在任何缩放级别上都可读,而不是自己处理这些事情吗?我已经考虑过了,是的。然而,这个网页的目标人群是老年人,他们可能并不是所有的技术倾向。我的雇主希望网页上的按钮便于用户访问(他也很挑剔)。我知道网页上不可能有浏览器缩放按钮,所以放大文本是我唯一能想到的合理的事情。