مقدمة إلى JS:
JavaScript هي لغة برمجة يمكن أن تجعل صفحة الويب الخاصة بك أكثر حيوية ، كما أنها أسهل وأكثرها ملاءمة في تصميم صفحة الويب.
يمكنك بسهولة استخدام JavaScript لإنشاء رسائل ترحيب ودية وساعات رقمية جميلة وفوانيس إعلانات وسخرية وانتخابات بسيطة ، وكذلك عرض الوقت الذي يبقى فيه المتصفح. دع هذه المؤثرات الخاصة تزيد من هوس صفحة الويب.
يمكن لـ JavaScript الآن القيام بالكثير من الأشياء على صفحة الويب ، بما في ذلك المؤثرات الخاصة على الويب ، وتشغيل DOM ، و HTML5 Games (استنادًا إلى مزيج من HTML5 و JavaScript) ، والرسوم المتحركة والمؤثرات الخاصة الأخرى ، ويمكنها أيضًا سحب بيانات الكواليس (من خلال AJAX) ، والتي لا يمكن استخدامها فقط كمكتب الأمامي ولكن أيضًا كخلف.
على سبيل المثال ، يمكن لـ Node.js ، وما إلى ذلك ، وبعض محركات سطح المكتب Node-Webkit تقديم JavaScript في تطبيقات سطح المكتب. على سبيل المثال ، في Unity3D ، يمكنك استخدام JavaScript لكتابة الألعاب (بناء الجملة ، والميزات ، وما إلى ذلك من JavaScript المستخدمة بواسطة Unity3D)
ميزات لغة JavaScript:
1). جافا سكريبت يستخدم بشكل أساسي لإضافة سلوك تفاعلي إلى صفحات HTML.
2) .javaScript هي لغة برمجة برمجة مع بناء جملة مماثل لجافا.
3). جافا سكريبت يستخدم عمومًا لكتابة البرامج النصية للعميل.
4). جافا سكريبت هي لغة تفسير تشرح أثناء التنفيذ.
شرح نقاط المعرفة JavaScript:
1. المشغل
المشغلين هي سلسلة من الرموز التي تكمل العمليات. لديهم سبع فئات: مشغلي المهام ، عوامل الحساب ، عوامل المقارنة ، المشغلين المنطقيين ، العمليات الشرطية ، مشغلي عمليات البتات ومشغلي السلسلة.
2. التعبيرات
يسمى مزيج المشغلين والمعاملات التعبيرات ، والتي عادة ما تنقسم إلى أربع فئات: تعبيرات المهمة ، والتعبيرات الحسابية ، والتعبيرات المنطقية ، وتعبيرات السلسلة.
3. الجمل
يتكون برنامج JavaScript من عدة بيانات ، والبيان هو توجيه لكتابة البرنامج. يوفر JavaScript عبارات البرمجة الأساسية الكاملة ، وهي: إذا كان ~ ، بيان المهمة ، بيان تحديد التبديل ، في حين أن بيان الحلقة ، لبيان الحلقة ، قم أثناء بيان الحلقة ، وبيان إحباط حلقة Break ومتابعة بيان مقاطعة الحلقة.
ملاحظة: عند الحكم ، فقط هذه النتائج خاطئة: أي
إذا لم يكن للكائن المنطقي أي قيمة أولية أو أن قيمته 0 أو -0 أو NULL أو "" أو False أو غير محددة أو نان ، فإن قيمة الكائن خاطئة. خلاف ذلك ، فإن قيمتها صحيحة (حتى عندما تكون الوسيطة هي السلسلة "خطأ")!
4. الوظيفة
تتم تسمية الوظائف المسمى مقاطع بيان ، والتي يمكن الرجوع إليها وتنفيذها ككل. يجب الانتباه إلى النقاط التالية عند استخدام الوظائف:
1) يتم تعريف الوظيفة بواسطة وظيفة الكلمة الرئيسية ؛
2) يجب تعريف الوظيفة أولاً ثم استخدامها ، وإلا فإن الخطأ سيحدث ؛
3) اسم الوظيفة هو الاسم المشار إليه عند استدعاء وظيفة. إنه حساس للحالة ولا يمكن كتابة اسم الوظيفة بشكل غير صحيح عند استدعاء وظيفة ؛
4) تمثل المعلمة القيمة التي تم تمريرها إلى الدالة للاستخدام أو التشغيل. يمكن أن يكون ثابتًا أو متغيرًا ؛
5) يتم استخدام عبارة الإرجاع لإرجاع قيمة التعبير ، أو يمكن تركه بدونه.
5. كائن
وظيفة مهمة لجافا سكريبت هي الدالة القائمة على الكائن. من خلال البرمجة القائمة على الكائنات ، يمكن تنفيذ تطوير البرنامج بطريقة أكثر سهولة ومعيارًا وقابلة لإعادة الاستخدام. تسمى مجموعة من السمات التي تحتوي على البيانات والأساليب التي تعمل على البيانات الواردة في السمات الكائنات. على سبيل المثال ، إذا كنت ترغب في تعيين لون خلفية صفحة الويب ، فإن الكائن الذي تستهدفه هو المستند ، واسم السمة المستخدم هو BGColor ، مثل المستند.
6. الأحداث
تسمى الإجراءات التي تم إنشاؤها عندما يتفاعل المستخدم مع صفحة ويب الأحداث. معظم الأشياء ناتجة عن تصرفات المستخدم ، مثل: إذا ضغط المستخدم على زر الماوس ، فسيتم إنشاء حدث OnClick ، وإذا يتحرك مؤشر الماوس على الرابط ، فسيتم إنشاء حدث OnMouseover ، إلخ.
7. المتغيرات
على سبيل المثال ، var myvariable = "بعض القيمة" ؛
الحالة الكلاسيكية:
يانصيب JS
نقاط المعرفة المشمولة: استخدام أجهزة ضبط الوقت ، واستخدام أساليب كائنات المستند ، واستخدام صفائف JS ، واستخدام الكائنات المدمجة ، واستخدام وظائف نظام JS ، وحدث التسجيل.
<! doctype html> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ = "A ، B ، C ، D ، E ، F ، G ، H ، I ، J ، K ، L ، M ، N ، O ، P ، var num = alldataarr.length - 1 ؛ var timer ؛ وظيفة start () {clearinterval (timer) ؛ h timer = setInterval ('change ()' ، 10) ؛ } تغيير الوظيفة () {document.getElementById ("OkNum"). innerhtml = alldataarr [getRnd (0 ، num)] ؛ } وظيفة getRnd (min ، max) {return parseint (math.random () * (max - min + 1)) ؛ } وظيفة OK () {clearinterval (timer) ؛ document.getElementById ("showresult"). value = document.getElementById ("Oknum"). innertext ؛ } </script> </head> <body> <div id = "oknum" name = "oknum"> يرجى النقر فوق بدء </div> <button onClick = "start ()" AccessKey = "s"> ابدأ </button> <!-/// سمة AccessKey تحدد مفتاح الاختصار (جعل العنصر تركيزًا) العنصر. -> <button onClick = "OK ()" AccessKey = "O"> STOP </BUNTURتبديل صورة الخلفية
نقاط المعرفة المشمولة: استخدام أجهزة ضبط الوقت ، واستخدام طرق كائنات المستندات
<script type = "text/javaScript"> window.onload = function () {setInterval (الخطوة ، 1000) ؛ } var num = 1 ؛ وظيفة Step () {if (num <5) {num ++ ؛ } آخر {num = 1 ؛ } var dom = document.getElementById ("imgid") ؛ // تغيير صورها src سمة dom.src = 'images/' + num + '.jpg' ؛ } </script> </head> <body> <img src = "images/1.jpg" id = "imgid"/> </body> </html>سرادق:
نقاط المعرفة المشمولة: استخدام أجهزة ضبط الوقت ، واستخدام أساليب كائنات المستند ، واستخدام وظائف النظام ، واستخدام أحداث الماوس ، واستخدام عمليات العقدة ، وبيانات الحلقة ، وبيانات الحكم
<script src = "js/jquery-1.8.3.min.js"> </script> <script type = "text/javaScript"> (function ($) {$ .fn.Extend ({rolltitle: function (opt ، callback) {opt) var opt = = this.find ("li: height () ؛ Parseint (Opt.Timespan ، 13): 5000 ؛ (i = 1 ؛ i <= thers.line ؛ i ++) {_this.find ("li: first"). setInterval (function () {_this.scrollup () ؛} ، _this.timespan) ؛ > <li style = "color: red"> أحبك </li> <li style = "color: pink"> أنا أحبك </li> <li style = "color: blue"> أنا أحبك </li> <li style = "color: green"> أنا أحبك </li> <li style = "color: ellowgreen" value = "marionette"> <script type = "text/javaScript"> test test () {$ ("#runtopic"). find ("li: first"). appendto ($ ("#runtopic")) ؛ } </script> </body> </html>هذه هي نهاية فهم جافا سكريبت. ستكون هناك حالات حول JS في المستقبل. أتمنى أن يساعد الجميع! ! !
إن فهم JavaScript أعلاه وتحليل الحالة الكلاسيكية هما المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.