JavaScript هي لغة وصفية ، لكن ليس من الصعب التعلم. طالما كنت تدرسها بعناية ، سوف تتعلمها بالتأكيد بشكل جيد. أعتقد أنه عندما تقرأ هذا المقال ، يجب أن تكون قد تعلمت HTML. استخدم JavaScript للحصول على تفاعل أفضل مع صفحات الويب. دعنا نصل إلى الموضوع.
1. جافا سكريبت
1. ما هو JavaScript
JavaScript هي لغة وصفية ، وهي أيضًا لغة برمجة نصية تعتمد على كائن ومحرك الأحداث (مدفوعة الحدث).
2. خصائص JavaScript
يستخدم JavaScript بشكل أساسي لإضافة سلوك تفاعلي إلى صفحات HTML.
JavaScript هي لغة برمجة مع بناء جملة مماثلة لجافا.
يستخدم JavaScript بشكل عام لكتابة البرامج النصية للعميل.
JavaScript هي لغة تفسيرية.
3. تكوين JavaScript
معيار ECMSCript (القياسي الذي يحدد جميع السمات والأساليب والكائنات)
نموذج كائن متصفح BOM: تفاعل مع HTML
نموذج كائن مستند DOM: وصول وتلاعب مستندات HTML
4. هيكل جافا سكريبت الأساسي
<script language = "javaScript" type = "text/javaScript
5. جافا سكريبت مبدأ تنفيذ
1. يرسل عميل المتصفح طلبًا إلى الخادم. (العنوان الذي أدخله المستخدم في شريط عنوان المتصفح)
2. معالجة البيانات: يعالج جانب الخادم صفحة تحتوي على JavaScript.
3. إرسال الاستجابة: يرسل الخادم الصفحة إلى عميل المتصفح لمعالجة ملف HTML الذي يحتوي على JavaScript ، ثم يقوم عميل المتصفح بتوزيع علامات HTML وعلامات JavaScript من أعلى إلى أسفل ، وتقديم تأثير الصفحة على المستخدم.
اثنين. كيفية تقديم JavaScript في صفحات الويب
1. استخدم علامة <script>.
2. استخدم ملفات JavaScript الخارجية.
أرغب في تشغيل JavaScript على صفحات متعددة لتحقيق نفس التأثير ، وعادة ما باستخدام الملفات التي تحتوي على ملفات خارجية كـ .js.
كيفية الرجوع إلى ملف مع .js كملحق:
<script src = "../ 1.js"> </script>
ملاحظة: لا يمكن أن تحتوي الملفات الخارجية على <script> </script>
3. مباشرة في علامات HTML
<input name = 'btn' type = "button" value = "pop up message box" onClick = "javaScript: ALERT (" WELL ") ؛"/>3.JavaScript Core Syntax
1. إعلان وتعيين المتغيرات
يتم استخدام إعلان المتغيرات فقط في VAR ، وتشبه مواصفات التسمية للمتغيرات Java. var num = 1 ؛
في JavaScript ، يمكن استخدام المتغيرات مباشرة دون إعلان ، ولكن لا ينصح بهذا الاستخدام.
2. نوع البيانات
غير محدد (نوع غير محدد)
فارغ (نوع فارغ)
الرقم (نوع الرقم)
سلسلة (نوع السلسلة)
منطقية (نوع منطقي)
3. الفرق بين غير المحدد والخار
NULL تعني "لا كائن" ، أي أنه لا ينبغي أن تكون هناك قيمة هناك. الاستخدام النموذجي هو:
(1) كمعلمة دالة ، فإن معلمة الوظيفة ليست كائنًا.
(2) كنقطة نهاية سلسلة النموذج الأولي للكائن.
Object.getPrototypeof (Object.prototype) // null
يعني غير محدد "القيمة المفقودة" ، مما يعني أنه يجب أن تكون هناك قيمة هنا ، ولكن لم يتم تعريفها بعد. الاستخدام النموذجي هو:
(1) عندما يتم الإعلان عن متغير ولكن ليس لديه أي مهمة ، فإنه يعادل غير محدد.
(2) عند استدعاء الوظيفة ، لا يتم توفير المعلمة التي يجب توفيرها ، والمعلمة تساوي غير محددة.
(3) لا يحتوي الكائن على سمة مخصصة للقيمة ، وقيمة السمة غير محددة.
(4) عندما لا تُرجع الوظيفة قيمة ، يتم إرجاع غير محدد بشكل افتراضي.
4. هناك 6 حالات فقط ، والنتيجة محددة لتكون خاطئة.
فارغ ، خطأ ، غير محدد ، 0 ، "" ، نان
5. بعض الطرق الشائعة للسلاسل
tostring () ؛ إرجاع السلسلة
tolowercasee () ؛ استبدال السلسلة مع صغيرة.
touppercase () ؛ تحويل السلسلة إلى أحرف كبيرة
شارات (فهرس) ؛ إرجاع السلسلة في الموقع المحدد
indexof (str ، index) ؛ ابحث عن الحدوث الأول لسلسلة محددة في السلسلة
Substring (الفهرس ، الفهرس) ؛ إرجاع سلسلة موجودة بين الفهرس المحدد index1 و index2 (بما في ذلك الفهرس 1 و index2 ولكن ليس index2)
تقسيم (str) ؛ تقسيم السلسلة إلى صفيف الأحرف
6. ثلاث طرق لإنشاء صفيف وتعيين القيم إلى الصفيف
01. var num = ('1' ، '2') ؛
02.var num = صفيف جديد (2) ؛
num [0] = 1 ؛
num [1] = 2 ؛
03.var num = ['1' ، '2'] ؛
الطرق وخصائص المصفوفات الشائعة
الطول: تعيين أو إرجاع عدد العناصر في الصفيف
انضم إلى (): ضع كل سرعات الكلام في المصفوفة في سلسلة وقم بتقسيمها عن طريق تقسيم الأحرف.
فرز (): فرز صفيف
Push (): أضف عنصرًا أو أكثر إلى نهاية الصفيف وأعيد الطول الجديد.
<script type = "text/javaScript">
// 01. الطريقة 1: إنشاء صفيف وتعيين قيمة للمصفوفة
// var fruit = new array ('Apple' ، 'Orange' ، 'Peach' ، 'Bananer') ؛
// 02. الطريقة 2: قم بإنشاء صفيف أولاً ، ثم قم بتعيين قيمة للمصفوفة من خلال التراجع
var الفواكه = صفيف جديد (4) ؛
الفواكه [0] = 'Apple' ؛
الفواكه [1] = 'Orange' ؛
الفواكه [2] = 'peach' ؛
الفواكه [3] = 'Bananer' ؛
// 03 الطريقة 3: على غرار الطريقة 1 ، ولكن يتم تغيير الرمز
// var fruitss = new Array ['Apple' ، 'Orange' ، 'Peach' ، 'Bananer'] ؛
// 04. الوصول إلى البيانات مع Subcript 3 في المصفوفة
document.write (الفواكه [0]) ؛
// 05 ضع العنصر في السلسلة من خلال طريقة الانضمام للمصفوفة وقم بتقسيمها باستخدام المحدد المحدد
var result = fruits.join ('،') ؛
// 06SORT الصفيف من خلال طريقة الفرز
الفواكه.
// 06. أضف عنصرًا أو أكثر إلى النهاية وأخيراً إرجاع الطول الجديد للمصفوفة
var length = fruits.push ('wert' ، 'foot') ؛
document.write ('/n' + length) ؛
// 07. تكرار على المصفوفة
لـ (VAR ITER في الفواكه)
{
تنبيه (ثمار [البند]) ؛
}
</script>
7. المشغلين
8 تصحيح الأخطاء
الحل 1: تصحيح الأخطاء في VS
الخطوات: 01. اضبط الصفحة ليتم تصحيحها كصفحة البدء
02. تعيين نقطة التوقف
03. اضغط على F5 لبدء تصحيح الأخطاء
الحل 2: تصحيح تصحيح متصفح الكروم
الخطوات: 01. انقر فوق F12 لاستدعاء الأداة
02. تعيين نقطة التوقف
03. قم بتحديث الصفحة
الحل 3: أي متصفح
الخطوات: 01.F12 ، أدوات المطور
02. قم بالتبديل إلى علامة تبويب البرنامج النصي
03. تعيين نقطة التوقف
04. ابدأ التصحيح
05. تحديث
4. وظائف في جافا سكريبت
1. وظائف النظام شائعة الاستخدام
01. parseint ("سلسلة") ؛
تقوم Parseint () بالتحقق أولاً من الحرف في الموضع 0 وتحدد ما إذا كان رقمًا صالحًا. إذا لم يكن الأمر كذلك ، فإنه يعيد NAN ولا يؤدي عمليات أخرى. ومع ذلك ، إذا كانت الحرف عبارة عن معلمة صالحة ، فستقوم الوظيفة بعرض الحرف في الموضع 1 وتنفيذ نفس الاختبار. ستستمر هذه العملية حتى يتم العثور على أن الشخصية هي شخصية صالحة. في هذا الوقت ، يحول الحرف السلسلة السابقة إلى رقم.
على سبيل المثال:
var num1 = parseint ("78.9") // قيمة الإرجاع 78
var num2 = parseint ("AFA78.9") // قيمة الإرجاع هي NAN
02.parsefloat ("String") ؛
يشبه استخدامه Parseint ، باستثناء أن النقطة الأولى التي تظهر في السلسلة ستعتبر حرفًا صالحًا.
على سبيل المثال:
var num1 = parseint ("78.9") // قيمة الإرجاع 78
var num2 = parseint ("AFA78.9") // قيمة الإرجاع هي NAN
2. وظائف مخصصة
في JavaScript ، تتكون وظيفة مخصصة من وظيفة واسم الوظيفة ومجموعة من المعلمات وبيانات JavaScript التي سيتم تنفيذها بين قوسين.
لنلقي نظرة على بناء الجملة:
اسم الوظيفة اسم (المعلمة 1 ، المعلمة 2 ، ..)
{
// بيان جافا سكريبت
[قيمة الإرجاع]
}
الوظيفة هي كلمة رئيسية تحدد وظيفة ويجب أن تكون هناك.
المعلمات 1 والمعلمة 2 هما معلمات للوظيفة ، لأن نوع JavaScriptP ضعيف ، وليس هناك حاجة لتوفير نوع عند إعطاء المعلمة.
بداية ونهاية وظيفة محددة بواسطة {}.
يتم استخدام عبارة الإرجاع لتحديد القيمة التي يتم إرجاعها بواسطة الوظيفة.
2. وظائف الاتصال
لتنفيذ وظيفة ، يجب عليك أولاً استدعاء هذه الوظيفة ، ويجب عليك صياغة اسم الوظيفة والمعلمات المتبعة.
على سبيل المثال:
<script type = "text/javaScript"> show () {} show () ؛ </script>3. وظائف مجهولة
الوظائف المجهولة هي وظائف بدون أسماء ، تسمى أيضًا الإغلاق ، والتي تسمح بإنشاء وظيفة مؤقتة بدون اسم محدد. غالبًا ما يتم استخدامه كقيمة لمعلمات رد الاتصال ، لا يعرف العديد من المبتدئين وظائف مجهولة. دعنا نحللها هنا.
اسم الوظيفة اسم (قائمة المعلمة) {وظيفة الجسم ؛}
إذا كنت تقوم بإنشاء وظائف مجهولة ، فيجب أن تكون:
function () {function body ؛}
لأنها وظيفة مجهولة ، لا توجد عمومًا أي معلمات تم نقلها إليه.
لماذا تخلق وظائف مجهولة؟ تحت أي ظروف سيتم استخدام وظائف مجهولة؟ هناك سيناريوهان شائعان للوظائف المجهولة ، والآخر هو وظيفة رد الاتصال ، والآخر هو تنفيذ الوظيفة مباشرة.
على سبيل المثال:
<script language = "javaScript"> var a = "a" ؛ (function () {var a = "b" ؛ ALERT (a) ؛}) (في الكود أعلاه ، سيتم إخراج مربعين للتنبيه بالتسلسل. محتوى مربع التنبيه الأول هو B والثاني هو أ. اعتقدت أن هناك طريقة مجهولة في علامة النص هذه ، وعندما ظهرت B لأول مرة ، ثم تنبيه (أ) بعد لمس طريقة مجهولة ، ظهرت.
البرنامج التعليمي الأساسي أعلاه JavaScript - مقالة يجب قراءتها للبدء هي كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.