この記事の例では、JSのテキストサイズとフォントサイズ関数を実装する方法について説明します。参照のためにそれを共有してください。特定の分析は次のとおりです。
大規模、中、小さなテキストは、多くのWebサイトがユーザーが読むのに便利な機能です。この例で導入された大、中程度、および小さなテキストフォントサイズの関数は、ユーザーがそれを選択した後に開くことができます。同じWebサイトで別の記事が開かれている限り、フォントサイズはユーザーの習慣に従って表示されます。
いくつかの大規模なWebサイトの記事のタイトルの下にある3つのボタン、「Big」、「Medium」、および「Small」を見て、異なる人々の読書習慣を処理する必要があります。ここでは、この方法を紹介します。それは彼らよりも自動保存をサポートします。一度選択して、次回読むときにお気に入りのフォントサイズに自動的に調整します。
JSコードパーツ：
最初にJSを以下にJSファイルまたはスクリプトタグに入れます。
次のようにコードをコピーします：jquery.cookie = function（name、value、options）{
if（typeof value！= 'undefined'）{
オプション=オプション|| {};
if（value === null）{
value = '';
options.expires = -1;
}
var expires = '';
if（options.expires &&（typeof options.expires == 'number' || options.expires.toutcstring））{
var Date;
if（typeof options.expires == 'number'）{
date = new date（）;
date.settime（date.gettime（） +（options.expires * 24 * 60 * 60 * 1000））;
} それ以外 {
date = options.expires;
}
期限切れ= '; expires = ' + date.toutcstring（）;
}
var path = options.path？ '; path = ' + options.path：' ';
var domain = options.domain？ '; domain = ' + options.domain：' ';
var secure = options.secure？ ';安全な' ： '';
document.cookie = [name、 '='、encodeuricomponent（value）、expires、path、domain、secure] .jein（ ''）;
} それ以外 {
var cookievalue = null;
if（document.cookie && document.cookie！= ''）{
var cookies = document.cookie.split（ ';'）;
for（var i = 0; i <cookies.length; i ++）{
var cookie = jquery.trim（cookies [i]）;
if（cookie.substring（0、name.length + 1）==（name + '='））{
cookievalue = decodeuricomponent（cookie.substring（name.length + 1））;
壊す;
}
}
}
return cookievalue;
}
};
function setFont（size）{
$ .cookie（ 'font_size'、size、{expires：99999999}）;
$（ "。context"）。css（ "font-size"、size）; //。コンテキストのコンテナにコンテナに変更します
};
$（document）.ready（function（）{
setFont（$ .cookie（ 'font_size'） + 'px'）;
}）;
記事コンテンツコンテナにコード。コンテキストを変更することに注意してください。
HTMLコードセクション：
次に、必要に応じて次のコードを呼び出します。
次のようにコードをコピーします
<a href = "javascript：setFont（14）"> in </a>
<a href = "javascript：setfont（12）"> small </a>
SetFont（）関数でフォントサイズとテキストをカスタマイズできます。
この記事の説明が、JavaScriptに基づいたすべての人のWebプログラミングに役立つことを願っています。