通过JavaScript控制字体大小的代码_javascript技巧
来源：动视网
责编：小采
时间：2020-11-27 21:00:56
通过JavaScript控制字体大小的代码_javascript技巧
通过JavaScript控制字体大小的代码_javascript技巧:为了此代码到您的网页必须使用像素大小的字体（PX），而不是相对大小的字体，使用EM或％。当然如果你使用其他字体单位的代码可以很容易地适应这些。如果脚本不能找到一个段落的字体大小，它会默认为12px。核心代码: 代码如下:var min=8;var
导读通过JavaScript控制字体大小的代码_javascript技巧:为了此代码到您的网页必须使用像素大小的字体（PX），而不是相对大小的字体，使用EM或％。当然如果你使用其他字体单位的代码可以很容易地适应这些。如果脚本不能找到一个段落的字体大小，它会默认为12px。核心代码: 代码如下:var min=8;var
为了此代码到您的网页必须使用像素大小的字体（PX），而不是相对大小的字体，使用“EM”或“％”。当然如果你使用其他字体单位的代码可以很容易地适应这些。如果脚本不能找到一个段落的字体大小，它会默认为12px。
核心代码:
代码如下:
var min=8;
var max=18;
function increaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i
if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=max) {
s += 1;
}
p[i].style.fontSize = s+"px"
}
}
function decreaseFontSize() {
var p = document.getElementsByTagName('p');
for(i=0;i if(p[i].style.fontSize) {
var s = parseInt(p[i].style.fontSize.replace("px",""));
} else {
var s = 12;
}
if(s!=min) {
s -= 1;
}
p[i].style.fontSize = s+"px"
}
}
包括上面的代码在您的网页（无论是放置在头部分，或将其放置在一个外部JS文件和进口）。然后可以调用的增加和减少象下面的字体大小的功能。
使用方法：
代码如下:
-
+
通过JavaScript控制字体大小的代码_javascript技巧
通过JavaScript控制字体大小的代码_javascript技巧:为了此代码到您的网页必须使用像素大小的字体（PX），而不是相对大小的字体，使用EM或％。当然如果你使用其他字体单位的代码可以很容易地适应这些。如果脚本不能找到一个段落的字体大小，它会默认为12px。核心代码: 代码如下:var min=8;var
