如何在Javascript中为文本大小更改按钮添加限制?
我正在制作一个面向老年人的网页。我有两个按钮,可以让网页的文本变大或变小。然而,我需要对文本的大小设置一个限制,这样就不会弄乱网页 从文本的起始点(12px)开始,它应该能够被放大两次,否则它将离开页面。同样从一开始,文本的大小应该能够减少一次。我是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
<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 –" 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.
脱离主题,但你不应该让浏览器处理页面缩放,并专注于使内容在任何缩放级别上都可读,而不是自己处理这些事情吗?我已经考虑过了,是的。然而,这个网页的目标人群是老年人,他们可能并不是所有的技术倾向。我的雇主希望网页上的按钮便于用户访问(他也很挑剔)。我知道网页上不可能有浏览器缩放按钮,所以放大文本是我唯一能想到的合理的事情。