我有一个函数:
function changeFontSize(points) {
var e = document.getElementsByTagName("BODY")[0];
var style = window.getComputedStyle(e);
var size = style.getPropertyValue('font-size');
size = size.replace("px", "");
size = size * 1;
size = size + points;
//if(size <= 0 && size <= 3){
e.style.fontSize = size + "px";
localStorage.setItem("size", size);
//}
}
function saveFontSize() {
var size = localStorage.getItem("size");
if (size !== null) {
var e = document.getElementsByTagName("BODY")[0];
e.style.fontSize = size + "px", '!important';
}
}
document.addEventListener("DOMContentLoaded", saveFontSize);
<a href="#" onclick="changeFontSize(1);">plus</a>
<a href="#" onclick="changeFontSize(-1);">minus</a>
上述代码功能正常。
上述函数可以在我的网站上放大和缩小字体大小。
我需要限制此函数的作用范围,使其仅能将字体大小最多增加三倍。字体大小减小(较小字体)不能小于原始大小。
应该如何做? 请帮忙。