1. بناء الجملة الأساسية JavaScript Core
1. JavaScript هي لغة برمجة تزيد من تأثيرات التفاعل. تم اختراعه في الأصل بواسطة Netscape وتم تقديمه أخيرًا إلى ECMA (الرابطة الأوروبية لمصنعي الكمبيوتر). تقوم ECMA بتوحيد JavaScript وتسمى JavaScript.
2. JavaScript هي لغة تفسير يمكن تشغيلها مباشرة في المتصفح دون تجميع.
3. ما هو استخدام JavaScript؟
1. يمكنك التحكم في جميع العناصر في صفحة الويب وإضافة وحذف وتعديل سمات العناصر.
2. يمكنك وضع النص الديناميكي في HTML.
3. الاستجابة للأحداث التي تم إنشاؤها من قبل المستخدمين عند استخدام صفحات الويب.
4. تحقق من البيانات التي أدخلها المستخدم.
5. اكتشف متصفح المستخدم.
6. تستخدم لإنشاء ملفات تعريف الارتباط.
4. ثلاث طرق لإنشاء JavaScript في صفحات الويب HTML
1. النمط الخارجي:
قم بإنشاء ملف باسم الملف: روابط xx.js من خلال <script src = "xx.js"> <script>
2. نمط التضمين:
استخدم <script type = "text/javaScript"> </script> في الرأس أو الجسم في html أو تحميله مباشرة باستخدام <script> </script>
3. النمط المضمّن:
أضف الأحداث مباشرة إلى العلامة: <input onClick = "Alert ('HelloWorld!)"
5. نوع بيانات جافا سكريبت:
تحتوي أنواع بياناتها على فئتين: 1. أنواع البيانات البدائية 2. أنواع البيانات المرجعية (الكائنات)
نوع البيانات الأصلي: 1.typeof 2. number 3.string 4.Boolean 5.Null
أنواع البيانات المرجعية: (هناك ثلاثة أنواع من الكائنات المحددة مسبقًا) 1. الكائنات الأصلية (الكائن ، الرقم ، السلسلة ، المنطقية ، الوظيفة ، المصفوفة ، التاريخ ، إلخ).
6.Bom و Dom
BOM: نموذج كائن المتصفح
DOM: نموذج كائن المستند
2. نموذج حدث JavaScript
1. طراز الحدث JavaScript: 1. نوع الفقاعة: <input type = "button"> عندما ينقر المستخدم على الزر: الإدخال-الجسم--الفتح-Window (فقاعة من الأسفل إلى الأعلى) ، أي متصفح يستخدم فقط الفقاعة
2. نوع الالتقاط: <input type = "button"> عندما ينقر المستخدم على الزر: Window-Document-HTML-Body (من الأعلى إلى الأسفل)
بعد توحيد ECMA ، تدعم المتصفحات الأخرى نوعين ، ويحدث الالتقاط أولاً.
2. ثلاث طرق لكتابة الأحداث التقليدية:
1. <input type = "button" onClick = "Alert ('HelloWorld!')">
2. <إدخال type = "button onClick = name1 ()"> ========== <script> name1 () {Alert ('HelloWord!') ؛} </script> // name function
3. <إدخال type = "button" id = "input1"> // وظيفة مجهولة
نسخة الكود كما يلي:
<script>
var button1 = document.getElementById ("input1") ؛
button1.onclick = الترفيه () {
تنبيه ('helloword!')
}
</script>
3. طريقة كتابة الأحداث الحديثة:
نسخة الكود كما يلي:
<type type = "button" id = "input1"> // إضافة أحداث في IE
<script>
var fnclick () {
تنبيه ("لقد تم النقر عليه")
}
var oinput = document.getElementById ("input1") ؛
oinput.attachevent ("onclick" ، fnclick) ؛
---------------------------------------
oinput.detachevent ("onclick" ، fnclick) ؛ // حذف الحدث في IE
</script>
<type type = "button" id = "input1"> // إضافة أحداث في DOM
<script>
var fnclick () {
تنبيه ("لقد تم النقر عليه")
}
var oinput = document.getElementById ("input1") ؛
Oinput.AdDeventListener ("onClick" ، fnclick ، true) ؛
---------------------------------------
Oinput.RemoveeventListener ("Onclick" ، fnclick) ؛ // حذف الحدث في DOM
</script>
<type type = "button" id = "input1"> // متوافق مع أحداث إضافة IE و DOM
<script>
var fnclick1 = function () {alert ("لقد تم النقر عليه")}
var fnclick2 = function () {alert ("i splicked")}
var oinput = document.getElementById ("input1") ؛
if (document.attachevent) {
oinput.attachevent ("onclick" ، fnclick1)
oinput.attachevent ("onclick" ، fnclick2)
}
آخر (document.adDeventListener) {
Oinput.AdDeventListener ("Click" ، FnClick1 ، True)
Oinput.AdDeventListener ("Click" ، FnClick2 ، True)
}
</script>