ملاحظات الدراسة الأساسية JavaScript (يجب أن تقرأ للمبتدئين)

ما هي المتغيرات؟

المتغيرات هي حاويات تستخدم لتخزين المعلومات

إعلان متغير

القواعد:

 var اسم المتغير

اسم متغير = القيمة ؛

يجب إعلان المتغيرات أولاً ثم تعيينها

يمكن تعيين المتغيرات مرارًا وتكرارًا

قواعد التسمية للمتغيرات

يجب أن تبدأ المتغيرات بالرسائل ؛

يمكن أن تبدأ المتغيرات أيضًا برموز $ و _ (لكننا لا نوصي بذلك) ؛

الأسماء المتغيرة حساسة للحالة (A و A هي متغيرات مختلفة).

إفادة

ينتهي البيان مع فاصلة فاصلة. إذا تم حذف المنقص ، يتم تحديد نهاية البيان من قبل المحلل.

لديك عادة ترميز جيدة ، يجب أن تنتهي بها ؛

نوع البيانات

في JavaScript ، جزء من المعلومات هي قيمة . هناك أنواع مختلفة من القيم ، والنوع الذي يكون الجميع على دراية به هو الأرقام. قيمة السلسلة محاطة

كلمة واحدة أو أكثر في اقتباسات.

رقم أي قيمة رقمية. يمكن أن تكون الأرقام عشرية أو بدون 68.57

الأحرف في علامات اقتباس السلسلة. يمكنك استخدام عروض أسعار مفردة أو مزدوجة "Hello ، World"

منطقية حقيقية أو خاطئة

تشير القيم غير المحددة وغير المحددة إلى أن المتغير لا يحتوي على قيمة. يمكنك مسح المتغير عن طريق تعيين قيمة المتغير إلى NULL.

أي قيمة مرتبطة بكائن

القيمة التي يتم إرجاعها بواسطة وظيفة الوظيفة

 1 var a ؛ // A غير محدد 2 var a = 6 ؛ // A هو الرقم 3 var a = "jason" ؛ // أ سلسلة

ما هي الوظيفة؟

الوظائف هي مجموعة من عبارات JavaScript التي تؤدي مهمة معينة.

بناء الجملة الأساسي:

 وظيفة الوظيفة اسم () {code code ؛}

اسم الوظيفة () ؛

يوضح:

تحدد الوظيفة الكلمات الرئيسية للوظيفة.

"اسم الوظيفة" الاسم الذي أعطيته للوظيفة.

يتم استبدال "رمز الوظيفة" بالرمز الذي يكمل وظيفة محددة.

دالة دعوة "اسم الوظيفة الثانية"

 1 وظيفة add2 () {2 var sun = 3 + 2 ؛ 3 Alert (Sun) ؛ 4} 5 add2 () ؛ // استدعاء الوظيفة يكتب مباشرة اسم الوظيفة وينبثق مباشرة رمز الوظيفة

 1 <input type = "button" value = "click me" onClick = "add2 ()" /> 2 <!-بعد النقر فوق الزر ، اتصل بالوظيفة ، onClick هو الحدث النقر->

محتوى الإخراج (document.write)

document.write () يخرج المحتوى مباشرة على صفحة الويب.

النوع الأول: يتم إرفاق محتوى الإخراج بـ "" وإخراج المحتوى مباشرة داخل علامة "".

 document.write ("أنا أحب JavaScript!") ؛

النوع الثاني: إخراج محتوى من خلال المتغيرات

 var mystr = "Hello World" ؛ document.write (mysrt) ؛ // اكتب الاسم المتغير مباشرة وإخراج المحتوى المخزن بواسطة المتغير

النوع الثالث: إخراج محتويات متعددة ، وقم بتوصيلها بعلامات +.

 var mystr = "hello" ؛ document.write (mystr + "أحب نص Java") ؛ // قم بتوصيل عناصر متعددة مع علامات +

النوع الرابع: إخراج علامات HTML والعمل ، والعلامات محاطة بـ "".

 var myster = "hello" ؛ document.write (mystr+"<br>") ؛ // بعد الإخراج Hello ، إخراج document.write newline ("javaScript") ؛

تحذير (مربع الحوار تنبيه رسالة)

عندما نزور الموقع ، ستظهر نافذة صغيرة في بعض الأحيان مع نص رسالة عليه. إذا لم تنقر فوق "موافق" ، فلا يمكنك فعل أي شيء حيال صفحة الويب

كيفية التشغيل ، يتم تنفيذ هذه النافذة الصغيرة باستخدام التنبيه.

بناء الجملة: تنبيه (سلسلة أو متغير) ؛

 var mynum = 30 ؛ ALERT ("Hello!") ؛ ALERT (myNum) ؛

النتيجة: ينبثق مربع الرسالة بالترتيب (يحتوي مربع الحوار "التنبيه" على زر موافق)

يلاحظ:

1. لا يمكن تنفيذ عمليات أخرى قبل النقر فوق الزر "موافق" في مربع الحوار.

2. يمكن عادةً استخدام مربع حوار الرسالة لتصحيح البرنامج.

3. تنبيه محتوى الإخراج ، والذي يمكن أن يكون سلسلة أو متغير ، على غرار المستند. الكتابة

تأكيد التحديد (تأكيد مربع الحوار)

بالإضافة إلى توفير المعلومات للمستخدمين ، نريد أيضًا الحصول على معلومات من المستخدمين. يتم استخدام مربع الحوار تأكيد رسالة هنا.

عادةً ما يستخدم مربع حوار رسالة التأكيد للسماح للمستخدمين اتخاذ خيارات ، مثل: "هل أنت على حق؟" وهلم جرا. يبرز مربع الحوار (بما في ذلك زر موافق وزر إلغاء).

بناء الجملة: تأكيد (str) ؛

الوصف المعلمة: STR: النص الذي سيتم عرضه في مربع الحوار رسالة: القيمة المنطقية

قيمة الإرجاع:

إرجاع صحيح عندما ينقر المستخدم على زر "موافق"

ارجع إلى FALSE عندما ينقر المستخدم على زر "إلغاء"

ملاحظة: يمكن استخدام قيمة الإرجاع لتحديد الزر الذي ينقر عليه المستخدم.

 <script type = "text/javaScript"> var mymessage = تأكيد ("هل تحب JavaScript؟") ؛ if (mymessage == true) {document.write ("جيد ، هيا!") ؛ } آخر {document.write ("JS قوي ، تحتاج إلى التعلم!") ؛ } </script>

اطرح سؤالاً (مربع حوار رسالة موجه)

في بعض الأحيان ، لا تريد فقط أن يجيب المستخدم على نعم/لا. بدلاً من ذلك ، من المأمول الحصول على استجابة أكثر تحديدًا. في هذه الحالة ، يمكننا استخدام propt.

مربع حوار رسالة المنبثقة المنبثقة ، يستخدم عادة لطلب المعلومات التي تحتاج إلى التفاعل مع المستخدم. يبرز مربع حوار الرسائل (بما في ذلك زر موافق ، وزر إلغاء ومربع إدخال نص).

القواعد:

 موجه (str1 ، str2) ؛

وصف المعلمة:

STR1: لا يمكن تعديل النص الذي سيتم عرضه في مربع حوار الرسالة

STR2: يمكن تعديل المحتوى الموجود في مربع النص

قيمة الإرجاع:

1. انقر فوق الزر "موافق" ، وسيقوم المحتوى الموجود في مربع النص بإرجاع القيمة كدالة.

2. انقر فوق الزر "إلغاء" للعودة إلى فارغ

 دالة Rec () {var score ؛ // يتم استخدام متغير النتيجة لتخزين قيمة النتيجة التي أدخلها المستخدم. SCORE = موجه ("الرجاء إدخال درجاتك" ، "90") ؛ if (score> = 90) {document.write ("أنت رائع!") ؛ } آخر if (score> = 75) {document.write ("Good!") ؛ } if if (score> = 60) {document.write ("Come on!") ؛ } آخر {document.write ("العمل الجاد!") ؛ } ؛} ؛

 <script> var myName = proft ("أدخل اسمك") ؛ if (myName! = null && myName! = "") {document.write ("welcom to" + myName) ؛ } آخر {document.write ("welcom to" + myName) ؛ } </script>

افتح نافذة جديدة (Window.Open)

القواعد:

 Window.Open ([url] ، [اسم النافذة] ، [سلسلة المعلمة])

وصف المعلمة:

عنوان URL: معلمة اختيارية ، عنوان URL أو مسار صفحة الويب المراد عرضها في النافذة. إذا تم حذف هذه المعلمة ، أو أن قيمتها عبارة عن سلسلة فارغة ، فلن تعرض النافذة أي مستندات.

اسم النافذة: معلمة اختيارية ، اسم النافذة المفتوحة.

1. الاسم يتكون من الحروف والأرقام والأحرف السفلية.

2. اسم النافذة: اختياري ، هذه السلسلة هي قائمة ميزات مفصولة بفاصلة تعلن اسم النافذة المفتوحة. يستطيع

إنه "_top" ، "_blank" ، "_self" ، "_parent" ، إلخ.

_Blank يعرض الصفحة المقصودة في نافذة جديدة

_ يعرض صفحة الويب الوجهة في النافذة الحالية

_ تعرض صفحة الويب الخاصة بـ Frame Frame صفحة ويب الوجهة في موضع النافذة بالكامل الحالي

تعرض صفحة الويب الخاصة بـ Frame Frame صفحة ويب الوجهة في النافذة العليا

3. يمكن إنشاء نافذة واحدة فقط بنفس الاسم ، وإذا كنت ترغب في إنشاء نوافذ متعددة ، فلا يمكن أن يكون الاسم هو نفسه.

4. لا يمكن أن يحتوي الاسم على مساحات.

سلسلة المعلمة: المعلمات الاختيارية ، تعيين معلمات نافذة ، وفصل كل معلمة مع فواصل.

جدول المعلمة:

رقم رقم رقم OP رقم البكسل في الجزء العلوي من النافذة تاركًا الجزء العلوي من الشاشة

الرقم الأيسر عدد وحدات البكسل في الطرف الأيسر من النافذة مغادرة الطرف الأيسر من الشاشة

رقم العرض عرض النافذة

ارتفاع نافذة رقم الارتفاع

Menubar نعم ، لا توجد قائمة في النافذة

شريط الأدوات نعم ، لا يوجد شريط أدوات في النافذة

أشرارات التمرير نعم ، لا يوجد شريط تمرير في النافذة

حالة نعم ، لا ، هل هناك شريط حالة في النافذة

 <script type = "text/javaScript"> window.open ('http: //' ، '_ blank' ، 'width = 300 ، height = 200 ، menubar = no ، toolbar = no ، status = no ، scrollbars = yes') </script>

أغلق النافذة (window.close)

أغلق () أغلق () إغلاق نافذة

الاستخدام:

 1 window.close () ؛ // أغلق هذه النافذة 2 <كائن النوافذ> .Close () ؛ // أغلق النافذة المحددة

على سبيل المثال: أغلق النافذة التي تم إنشاؤها حديثًا.

 1 <script type = "text/javaScript"> 2 var mywin = window.open ('// www.vevb.com') ؛ // تخزين كائن النافذة المطبوعة حديثًا في المتغير mywin3 mywin.close () ؛ 4 </script>

السمة innerhtml

يتم استخدام سمة InnerHTML للحصول على أو استبدال محتوى عنصر HTML .

القواعد:

 Object.innerhtml

الكائن هو كائن العنصر الذي تم الحصول عليه ، مثل الحصول على العنصر من خلال document.getElementById ("id").

 <h2 id = "con"> javaScript </h2>

 <script type = "text/javaScript"> var mychar = document.getElementById ("con") ؛ document.write ("العنوان الأصلي:"+mychar.innerhtml+"<br>") ؛ // إخراج محتوى علامة H2 الأصلي mychar.innerhtml = "Hello World" document.write ("العنوان المعدل:"+mychar.innerhtml) ؛ // إخراج محتوى علامة H2 المعدلة </script>

تغيير نمط HTML

القواعد:

 object.style.property = نمط جديد ؛

ملاحظة: الكائن هو كائن العنصر الذي تم الحصول عليه ، مثل العنصر الذي تم الحصول عليه من خلال document.getElementById ("id")

 <h2 id = "con"> أحب JavaScript </h2>

 <script type = "text/javaScript"> var mychar = document.getElementById ("con") ؛ mychar.style.color = "red" ؛ mychar.style.background = "#ccc" ؛ mychar.style.width = "300px" ؛ </script>

إظهار وإخفاء (سمة العرض)

القواعد:

 object.style.display = القيمة

قيمة:

لا شيء لن يتم عرض هذا العنصر (ومخفي)

سيتم عرض حظر هذا العنصر كعنصر على مستوى الكتلة (أي العرض)

 mychar.style.display = "Block"

اسم فئة التحكم (سمة اسم className)

خاصية ClassName تحدد أو إرجاع خاصية الفصل للعنصر.

القواعد:

 object.className = className

تأثير:

1. احصل على سمة الفصل للعنصر

2. قم بتعيين نمط CSS لعنصر في صفحة الويب لتغيير مظهر العنصر

 p2.ClassName = "اثنين" ؛

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