يصف مثال المقالة كيفية تنفيذ حجم النص ووظيفة حجم الخط من JS. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
النص الكبير والمتوسط والصغير هو وظيفة يمكن أن تكون العديد من مواقع الويب مريحة للمستخدمين للقراءة. يمكن فتح وظيفة حجم خط النص الكبيرة والمتوسطة والصغيرة التي تم تقديمها في هذا المثال بعد أن يحددها المستخدم. طالما يتم فتح مقال آخر على الموقع نفسه ، سيتم عرض حجم الخط وفقًا لعادات المستخدم.
يجب أن تكون قد شاهدت ثلاثة أزرار تحت عنوان المقالات على بعض المواقع الكبيرة ، "الكبيرة" ، "المتوسطة" و "الصغيرة" لرعاية عادات القراءة لأشخاص مختلفين. هنا سأقدم هذه الطريقة ، ويدعم الادخار التلقائي من حزبهم. فقط حدد مرة واحدة وضبطه تلقائيًا على حجم الخط المفضل لديك في المرة القادمة التي تقرأها.
جزء رمز JS:
أولاً ضع JS أدناه في ملف JS أو علامة البرنامج النصي:
انسخ الرمز كما يلي: jquery.cookie = الدالة (الاسم ، القيمة ، الخيارات) {
if (typeof value! = 'undefined') {
خيارات = خيارات || {} ؛
if (value === null) {
القيمة = '' ؛
Options.expires = -1 ؛
}
var تنتهي = '' ؛
if (Options.expires && (typeof Options.expires == 'number' || Options.expires.toutcstring)) {
تاريخ var ؛
if (typeof Options.expires == 'number') {
التاريخ = تاريخ جديد () ؛
Date.Settime (date.getTime () + (Options.expires * 24 * 60 * 60 * 1000)) ؛
} آخر {
التاريخ = الخيارات.
}
تنتهي = '؛ تنتهي = ' + 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) ، انتهاء الصلاحية ، المسار ، المجال ، آمن]. join ('') ؛
} آخر {
var cookievalue = null ؛
if (document.cookie && document.cookie! = '') {
var cookies = document.cookie.split ('؛') ؛
لـ (var i = 0 ؛ i <cookies.length ؛ i ++) {
var cookie = jQuery.trim (ملفات تعريف الارتباط [i]) ؛
if (cookie.substring (0 ، name.length + 1) == (name + '=')) {
cookievalue = decodeUricomponent (cookie.substring (name.length + 1)) ؛
استراحة؛
}
}
}
إرجاع cookievalue ؛
}
} ؛
وظيفة setFont (الحجم) {
$ .cookie ('font_size' ، size ، {Expires: 99999999}) ؛
$ (". السياق").
} ؛
$ (وثيقة). ready (function () {
setFont ($ .cookie ('font_size') + 'px') ؛
}) ؛
انتبه إلى تغيير الكود .context إلى حاوية محتوى المقالة.
قسم رمز HTML:
ثم اتصل بالرمز التالي عند الحاجة:
انسخ الرمز كما يلي: <a href = "javaScript: setFont (16)"> كبير </a>
<a href = "javaScript: setfont (14)"> في </a>
<a href = "javaScript: setfont (12)"> صغير </a>
يمكنك تخصيص حجم الخط والنص في وظيفة setFont ().
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.