ملخص نقاط المعرفة JavaScript (يجب القراءة)

1. مفهوم JavaScript: إنها لغة تمثيل ، وهي أيضًا لغة برمجة نصية تعتمد على الكائن (الكائن) ونعودها الحدث (تنقذ الحدث) ، والتي تعمل على العميل ، وبالتالي تقليل العبء على جانب الخادم. الملخص كما يلي:

1. JavaScript يستخدم بشكل أساسي للعثور على صفحة HTML لإضافة سلوك تفاعلي.

2.javaScript هي لغة برمجة برمجة مع بناء جملة مماثل لجافا.

3. يستخدم JavaScript بشكل عام لكتابة البرامج النصية للعميل.

4.JavaScript هي لغة تفسيرية تشرح أثناء التنفيذ.

2. يتكون JavaScript من بناء الجملة الأساسية ونموذج كائن المتصفح (BOM). يتم استخدامه بشكل أساسي لإدارة الاتصالات بين Windows ، لذلك يتكون كائنه الأساسي من ثلاثة أجزاء: نموذج Window و Document Object (DOM).

3. ثلاث طرق لتقديم جافا سكريبت إلى صفحات الويب:

1. استخدم النمط الداخلي <script> </script>

2. استخدم ملفات JS الخارجية

3. الأنماط في الخط مباشرة في علامات HTML.

4. دور جافا سكريبت

1. تنفيذ التحقق من نموذج الصفحة

2. تنفيذ تأثيرات تفاعل الصفحة

5. خصائص JavaScript

1. مصمم لإضافة سلوك تفاعلي إلى صفحات HTML

2. إنها لغة البرمجة النصية الأكثر شعبية على الإنترنت

3. تستخدم بشكل عام لكتابة البرامج النصية العميل

4. إنها لغة تفسيرية

6. كيفية تقديم جافا سكريبت

1. استخدم علامة <script> لتضمين صفحة الويب مباشرة

2. استخدم ملفات JS الخارجية

الطرق الشائعة لكائنات السلسلة في JS:

1. toString (قبل الحزمة ، وليس بعد الحزمة) ، 2. tolowercase () ؛ touppercase () ؛
2. شارات (فهرس) ؛ إرجاع الحرف في الموضع المحدد ، indexof (str ، index) ؛ يحدد الموضع الذي يظهر لأول مرة في السلسلة ؛ انقسام (str) ؛ يقسم السلسلة إلى صفيف سلسلة

في JavaScript ، يمكن توصيل مفتاح البيان الشرطي () {} بسلسلة ؛

تنبيه ("رسالة سريعة") ؛

var isok = تأكيد ("مربع تأكيد") ؛ // إذا كان التأكيد يرجع صحيحًا ، وإلا فإن إرجاع خطأ

promper () ؛ موجه ("معلومات موجه" ، "معلومات الافتراضية مربع الإدخال") ؛

موجه ("الرجاء إدخال اسمك")

يغلق()؛

يفتح()؛

setTimeOut () ؛ استدعاء وظيفة بعد تحديد المللي ثانية

setInterval () ؛ يستدعي وظيفة بالميلي ثانية المحددة إلى ميلي ثانية

window.open () ؛

بناء الجملة 7.JS:

1. حساس الحالة

2. انتبه إلى مواصفات التسمية للمتغيرات والوظائف ، إلخ.

3. ينتهي كل سطر من الكود مع فاصلة فاصلة

وظائف في JS:

1. وظائف النظام

parseint () ؛ تحويل إلى عدد صحيح 45.9A تحويل إلى 45 ؛ عائدات تحويل A6 إلى NAN (وليس رقمًا)

Isnan (الحكم على ما إذا كان رقمًا)

typeof (var) ؛ تحديد نوع البيانات الذي هو عليه

eval ("5+2") ؛ يحسب قيمة التعبير

2. وظائف مخصصة

وظيفة الوظيفة اسم () {JavaScript Code}

اسم الوظيفة اسم (المعلمة 1 ، المعلمة 2)

دعوة الوظائف في JS:

1. اسم الحدث = "اسم الوظيفة (قيمة المعلمة المرتدة)" ؛
2. اسم الوظيفة (قيمة المعلمة التي تم تمريرها) ؛

وظائف مجهولة:

1. إعلان وظيفة مجهول:

var variable name = function (parameter) {function body return value ؛} ؛

1. يتصل

اسم متغير (المعلمة)

8. مكالمات البرنامج

1. إضافة تنبيه () ؛ الطريقة 2. استخدام Firebug () ؛ طريقة

9.BOM نظرة عامة على: (نموذج كائن المتصفح ، نموذج كائن المتصفح)

1. خصائص كائن النافذة

الطرق الشائعة لكائنات WEINDOW: proft () تأكيد () ؛ setTimeOut () ؛ setInterval () ؛

الأحداث الشائعة لكائنات النوافذ: onload = "" onMouseover = "" ؛ onClick

window.parent.location

2. كائن مستمر

الطريقة: back () ؛ forward () ؛ go () ؛

3. يوفر كائن الموقع عنوان URL للصفحة الحالية

السمة: مضيف اسم HREF

الطريقة: aroad () استبدال () ؛

4. كائن الوثيقة

السمة: تحدد سمة المرجع ما إذا كان يتم الوصول إليه من خلال الارتباط التشعبي ، لا يعود فارغًا

10. كائنات في جافا سكريبت ،

كائن التاريخ:

إنشاء كائن تاريخ وإرسال طريقة var date = تاريخ جديد (mm dd ، yyyy ، hh: mm: ss) ؛

var date = new date () ؛ Date.getDay () ؛

كائن الرياضيات:

سقف()؛ قم بتجميع الرقم ، السقف (25.5) = 26 ؛

أرضية()؛ جولة لأسفل ، الأرضية (25.5) = 25 ؛

Math.Round (25.5) ؛ جولة لأسفل بعد إضافة 0.5 إلى الرقم الأصلي

11. نظرة عامة (نموذج كائن المستند)

يتكون من coredom ، xmldom ، HTML DOM ؛

12. إنشاء صفيف

إعلان المتغيرات في JS:

var array name = new Array (size) ؛

1. أعلن أولاً ثم تعيين الفاكهة [0] = "
2. إعلان تعيين var fruit = صفيف جديد ("Apple" ، "Orange") ؛ أو var fruit = صفيف جديد ["Apple" ، "Orange"] ؛

اقرأ 1. اقرأ مع الحلقة 2. اقرأ مع --- في

لـ (var x in fruit) {document.write (fruit [x]+"<br/>")} x هو التراجع

fruit.sort () ؛ // sort string str = fruit.join ("-") ؛ // إضافة سلسلة وانضم إلى سلسلة

كائن تحديد المنسدلة:

13. نمط تحديد المواقع النمط

اليسار المركز z-index

مسافة التمرير الماوس: Scorlltop: المسافة العمودية

Scorllleft: المسافة الأفقية

إجازة تمرير الماوس: Onscorll

التحويل بين كائنات jQuery وكائنات DOM

1. يتم تحويل كائن jQuery إلى كائن DOMD. يوفر JQuery طريقتين لتحويل كائن jQuery إلى كائن DOM ، وهما [الفهرس] والحصول على (الفهرس) ،

var $ txtName = $ ("#txtName") ؛ // jQuery object

var txtName = $ txtName [0] ؛ // dom object

ALERT (txtname.checked) ؛ // تحقق مما إذا كان مربع الاختيار هذا

احصل على كائن DOM المقابل من خلال طريقة GET (INDEX)

var $ txtName = $ ("#txtName") ؛ // jQuery object

var txtName = $ txtname.get (0) ؛ // dom object

ALERT (txtname.checked) ؛ // تحقق مما إذا كان مربع الاختيار هذا

1. تحويل كائن DOM إلى كائن jQuery

var txtName = document.getElementById ("txtName") ؛ // dom object

var $ txtName = $ (txtName) ؛ //

إضافة سمة الفئة في DOM لاستخدام OBJ.ClassName = className ؛

إضافة محتوى الفئة باستخدام OBJ.InnerHTML = <input />

إضافة سمة الفئة في jQuery لاستخدام OBJ.Addclaa = className ؛

أضف محتوى الفئة لاستخدامه: obj.html = <input/> ؛

المحددات الرئيسية الخمسة في jqurey:

1. المحدد الأساسي (#. العلامة)
2. المحدد الهرمي (أحفاد> الأطفال + المجاور ~ نظير)
3. محدد السمة (p [class = name])
4. محدد المرشح ("TR: حتى")
5. محدد الرؤية ("P: Hidden" "P: Viside")

الأحداث في jQuery:

obj.bind ("clike" ، function () {}) ؛

obj.bind ({mousever: function () {} ، {mouserout: function () {}}}) ؛

obj.unbind () ؛

obj.hover (function () {} ، function () {}) مجموعة onMouseover و onMouseout

obj.toggle () ؛

$ (". tipsbox"). show () ؛ obj.hide () ؛

$ ("IMG"). فدين (1000) ؛

$ (". txt"). slideup (1000) ؛ obj.slidedown (1000) ؛

obj.toggleclass ("class") ؛ // دمج AddClass و RomoveClass

$ (هذا) .val ("") ؛ // امسح محتوى النص

var $ newNode = $ (<"<li> إنشاء عقدة عنصر جديدة مع jQuery </li>">) ؛

في التعبير العادي

بعض النصائح الشائعة في JS:

1. استخدم !! المشغل لتحويل القيمة المنطقية ، والتي يمكن استخدامها للمتغيرات! ! تباين للكشف. طالما أن قيمة المتغير هي: 0 ، NULL ، "" ، غير محدد أو نان ستعود كاذبة والطريقة الأخرى صحيحة

حساب الوظيفة (نقد)

{

this.cash = cash ؛

this.hasmoney = !! نقدي؛

}

2. استخدم + لتحويل السلسلة إلى أرقام ، يتم تطبيق بيانات السلسلة فقط ، وإلا سيتم إرجاع NAN

وظيفة tonumber (strnum) {

العودة +strnum ؛

}

ينطبق حتى الآن () إرجاع رقم الطابع الزمني: +تاريخ جديد () ؛

3. عندما تكون الحلقة كبيرة جدًا ، يتم إعطاء طول الرقم أولاً ، var اطف = array.legth ؛

4.f ("QuerySeletric" في المستند) {

document.queryselector ("#id") ؛

} آخر {

document.getElementById ("id") ؛

}

5. احصل على العنصر الأخير في المصفوفة

var Array = [1،2،3،4،5] ؛

Array.Slice (-1) ؛

6. استبدال عناصر السلسلة

var string = "John John" ؛

string.replace (/hn/، "ana") ؛ // "جوانا جون"

string.replace (/hn/g ، "ana") ؛ // "جوانا جوانا"

ملخص نقاط المعرفة JavaScript أعلاه (يجب القراءة) هو كل المحتوى المشترك من قبل المحرر. آمل أن يعطيك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.