JavaScript_javascript ヒントを使用してフォント サイズを制御するコード

このコードを Web ページに追加するには、相対サイズのフォントではなく、ピクセル サイズのフォント (px) を使用する必要があり、「em」または「%」を使用します。もちろん、他のフォント単位を使用する場合、コードをこれらに簡単に適合させることができます。スクリプトが段落のフォント サイズを見つけられない場合、デフォルトの 12 ピクセルが使用されます。
コア コード:

コードをコピー コードは次のとおりです:

var min= 8;
var max=18;
function raiseFontSize() {
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減少FontSize() {
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"
}
}

上記のコードを Web ページに含めます (ヘッダー セクションに配置するか、外部 JS ファイルに配置してインポートします)。次に、以下のようにフォント サイズを拡大または縮小する関数を呼び出すことができます。
使用法:

コードをコピー コードは次のとおりです:

-