جافا سكريبت ملخص مهارات صغيرة (موصى بها)

دون مزيد من اللغط ، فقط أضف المعلومات الحقيقية. .

الرمز المحدد كما يلي:

 /*اعتراض طول السلسلة ، تحسب الأحرف الصينية أحرف 2 return [string]+'...'*/var substring = function (str ، len) {var newLength = 0 ؛ var newstr = "" ؛ var chineseregex =/[^/x00-/xff]/g ؛ var singlechar = "" var strlength = str.replace <strlength ؛ i ++) {singlechar = str.charat ( "..."؛}يعود newStr;}------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- flag = false ؛ $ (". dialog_con"). كل (دالة () {if ($ (this) .is (": visible")) {flag = true ؛}}) if (flag == true) {$ (". dialog_con"). Hide () ؛ $ (. } آخر {window.android.callandroidfinish () ؛}} ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- (/(ipad Ordipod| outios)/i.test(navigator.userAgent)) {setActivestylesHeet ("pad.css") ؛ } آخر إذا (/(android)/i.test(navigator.useragent)) {setActivestylesheet ("common.css") ؛ } آخر إذا (/(iphone6)/i.test(navigator.useragent)) {setActivestylesheet ("iPhone6.css") ؛ } وظيفة setActivestylesheet (filename) {document.write ("<link href ="+filename+" rel = stylesheet> ") ؛} </script> ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ أو فئة للتحقق مما إذا كان يتم تحميل صورة معينة. */$ ('img'). load (function () {console.log ('تحميل الصورة ناجح')؛})؛---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- يمكن أن يساعد هذا الرمز البسيط كثيرًا ؛ حتى لو لم يكن لديك أي روابط مكسورة ، فإن إضافة هذا الرمز لن يكون له أي تأثير. */$ ('img'). on ('error' ، function () {$ (this) .prop ('src' ، "IMG/BROKEN.PNG") ؛}) ؛ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- يمكنك استخدام الكود التالي لإضافة فئة إلى العنصر عندما يحوم المستخدم ؛ قم بإزالة هذه الفئة عندما يترك ماوس المستخدم: */$ ('. {$ (this) .removeclass ('hover') ؛}) ؛ -------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ في بعض الأحيان ، قد ترغب في جعل زر إرسال النموذج أو مربع إدخال النص الخاص به غير متوفر حتى يقوم المستخدم بسلوك معين (مثل خانة الاختيار التي تؤكد "لقد قرأت هذا الفقرة"). أضف سمة تعطيل إلى الإدخال الخاص بك ويمكنك تحقيق التأثير المطلوب*/$ ('Input [type = "submit"]'). prop ('تعطيل' ، صحيح) ؛ $ ('input [type = "submit"]'). الدعامة ("معطل" ، خطأ) ؛ -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- الرمز التالي عبارة عن خدعة للحظر على السلوك الافتراضي */$ ('A.No-Link'). انقر فوق (دالة (هـ) {E.PreventDefault () ؛}) ؛ ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ربما تريد فقط إظهار عنصر عندما ينقر المستخدم على شيء ما ، باستخدام Fadein و Slidedown أمر رائع. ولكن إذا كنت تريد أن يظهر العنصر في النقر الأول وتختفي في النقر الثاني ، فيمكن إجراء الرمز التالي بشكل جيد */// Fade $ ('. {$ ('. element'). slidetoggle ('slow') ؛}) ؛ -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- اللوحات $ ('#orcordion'). find ('. content'). hide () ؛ // arcordion $ ('#orcordion'). find ('. orcordion-header'). click (function () {var next = $ (this) .next () ؛ next.slidetoggle ('fast') خطأ ؛ */$ ('. يحدد هذا المثال ذا ذرة ، مما يعني أنه يمكن أن يكون أكبر من DIV الرئيسي ، ولكن لا يمكن أن يكون أصغر أبدًا. ولكن هناك طريقة أكثر مرونة للتكرار على إعدادات مجموعة من العناصر وتعيين الارتفاع على أعلى قيمة في العنصر: Var $ Columns = $ ('. العمود') ؛ var height = 0 ؛ $ columns.each (function () {if ($ (this) .height ()> height) {height = $ (this) .height () ؛}}) ؛ $) ؛ إذا كنت تريد أن يكون لجميع الأعمدة نفس الارتفاع: var $ rows = $ ('. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- '_self') ؛ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- إذا لم يكن النص موجودًا ، فسيتم إخفاء العنصر: */var search = $ ('#search'). val () ؛ $ ('div: not (: يحتوي ("' + Search + '"))').يخفي()؛--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- وإلا إذا مختفي!')؛}})؛----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ولكن إذا لم يتم تعريف المعالجة ، فقد تتوقف رموز jQuery الأخرى عن العمل. يمكنك تحديد معالجة أخطاء Ajax العالمية من خلال الكود التالي*/$ (وثيقة) .ajaxerror (وظيفة (E ، XHR ، الإعدادات ، الخطأ) {console.log (خطأ) ؛}) ؛ -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- راجع رمز المثال التالي */$ ('#elem'). show () ؛ $ ('#elem'). html ('bla') ؛ $ ('#elem'). otherstuff () ؛ يمكن تحسين الكود أعلاه بشكل كبير عن طريق عملية السلسلة: $ ('elem'). show (). html ('bla'). otherstuff () ؛ هناك طريقة أخرى لتخزين العناصر في متغير (البادئة هي $): var $ elem = $ ('#elem') ؛ $ elem.hide () ؛ $ elem.html ('bla') ؛ $ elem.otherstuff () ؛ ----------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Traversal ، حدد الكل ، حدد non-select*//// حدد الكل ، حدد non-select $ ('#checkall'). انقر فوق (function () {// judge ما إذا كان تم اختياره var bischecked = $ ('#checkall'). هو (: Fruit.Attr ('checked' ، false) ؛}) ؛ // حدد مربع الاختيار بشكل عكسي إذا تم تحديده حاليًا ، فقم بتعيينه لتحديد نفسه. العكس هو نفسه. $ ("#tabvouchlist tr"). كل (function () {if ($ ("td: eq (0) input [name = 'check'] ، $ (this)). is (': checked')) {$ (this) .attr ('checked' ، false) ؛

ما سبق هو ملخص لنصائح JS التي يقدمها المحرر ، وآمل أن يكون مفيدًا للجميع!