通過JavaScript控制字體大小的代碼_javascript技巧
來源：懂視網(wǎng)
責編：小采
時間：2020-11-27 21:00:56
通過JavaScript控制字體大小的代碼_javascript技巧
通過JavaScript控制字體大小的代碼_javascript技巧:為了此代碼到您的網(wǎng)頁必須使用像素大小的字體（PX），而不是相對大小的字體，使用EM或％。當然如果你使用其他字體單位的代碼可以很容易地適應(yīng)這些。如果腳本不能找到一個段落的字體大小，它會默認為12px。核心代碼: 代碼如下:var min=8;var
導讀通過JavaScript控制字體大小的代碼_javascript技巧:為了此代碼到您的網(wǎng)頁必須使用像素大小的字體（PX），而不是相對大小的字體，使用EM或％。當然如果你使用其他字體單位的代碼可以很容易地適應(yīng)這些。如果腳本不能找到一個段落的字體大小，它會默認為12px。核心代碼: 代碼如下:var min=8;var
為了此代碼到您的網(wǎng)頁必須使用像素大小的字體（PX），而不是相對大小的字體，使用“EM”或“％”。當然如果你使用其他字體單位的代碼可以很容易地適應(yīng)這些。如果腳本不能找到一個段落的字體大小，它會默認為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"
}
}
包括上面的代碼在您的網(wǎng)頁（無論是放置在頭部分，或?qū)⑵浞胖迷谝粋€外部JS文件和進口）。然后可以調(diào)用的增加和減少象下面的字體大小的功能。
使用方法：
代碼如下:
-
+
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
通過JavaScript控制字體大小的代碼_javascript技巧
通過JavaScript控制字體大小的代碼_javascript技巧:為了此代碼到您的網(wǎng)頁必須使用像素大小的字體（PX），而不是相對大小的字體，使用EM或％。當然如果你使用其他字體單位的代碼可以很容易地適應(yīng)這些。如果腳本不能找到一個段落的字體大小，它會默認為12px。核心代碼: 代碼如下:var min=8;var
