1. JavaScript هي لغة برمجة مصممة للتفاعل مع صفحات الويب. تكوينه
ecmascript (Core) DOM (نموذج كائن المستند) BOM (نموذج كائن المتصفح)
1.1ecmascript
ECMASCRIPT المحددة بواسطة ECMA-262 ليس له أي اعتماد مع متصفح الويب. تحدد ECMA-262 فقط أساسيات هذه اللغة وتوفر وظائف اللغة الأساسية.
ECMASCRIPT هي لغة برمجية موحدة من خلال ECMA-262. ينص ECMA-262 على اللغات: بناء الجملة ، النوع ، العبارة ، الكلمة الرئيسية ، كلمة محجوزة ، مشغل ، كائن
1.2 DOM (كائن المستند Modle)
DOM هي واجهة برمجة التطبيق لـ XML ولكن تم توسيعها لـ HTML ، حيث توفر الطرق والواجهات للوصول إلى محتوى الويب ومعالجتها.
يقوم DOM بتعيين الصفحة بأكملها في بنية عقدة متعددة الطبقات. كل مكون في صفحة HTML أو XML هو نوع معين من العقدة ، والذي يحتوي على أنواع مختلفة من البيانات.
1.3 BOM (نموذج كائن Bower)
تحكم في الجزء غير الصفحة التي يعرضها المتصفح. تقوم BOM فقط بمعالجة نوافذ المتصفح والأطر ، ويوفر طرقًا وواجهات للتفاعل مع المتصفح.
2. <script> عناصر
2.1 مرجع ملف JavaScript
إشارة خارجية إلى ملفات JavaScript:
نسخة الكود كما يلي:
<script type = "text/javaScript" src = "../../ xx.js"> </script>
صفحة تضمين رمز JavaScript
نسخة الكود كما يلي:
<script type = "text/javaScript">
// رمز JavaScript
</script>
سيتم شرح رمز JavaScript الموجود في عنصر <script> بالتسلسل من أعلى إلى أسفل
2.2 خصائص عناصر <script>
مؤجّر Script: أخبر المستعرض بالتنزيل على الفور ، سيتم تأخير البرنامج النصي حتى يتم تحليل الصفحة بأكملها قبل تنفيذها. التأجيل مناسب فقط لملفات البرنامج النصي التي تم تقديمها خارجيًا
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<script type = "text/javaScript" defer = "defer" src = "example.js"> </script>
</head>
</html>
على الرغم من أن علامة <script> موجودة في علامة <head> ، إلا أنه سيتم تأخير Demo.js حتى يواجه المتصفح </html>.
البرنامج النصي غير المتزامن غير المتزامن: يجب أن تنتظر تنزيل البرنامج النصي وتنفيذه ، وذلك لتحميل محتويات أخرى من الصفحة بشكل غير متزامن
مثل التأجيل ، لا ينطبق إلا على ملفات النصوص المستوردة خارجيًا. يخبر Async المستعرض بتنزيل الملفات على الفور ، ولكن على عكس التأجيل ، فإن علامة البرامج النصية Async لا تضمن التنفيذ بالترتيب الذي تم تحديده به. يوصى بأن البرامج النصية غير المتزامنة لا تعدل DOM أثناء التحميل.
نسخة الكود كما يلي:
<!-البرنامج النصي Async->
<script type = "text/javaScript" async = "async" src = "example1.js"> </script>
<script type = "text/javaScript" async = "async" src = "example2.js"> </script>
2.3 خصائص عناصر <noscript>
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> اختبار </title>
<!-تأخير البرنامج النصي->
<scriptType = "Text/JavaScript" defer = "defer" src = "example.js"> </script>
<!-دليل البرنامج النصي->
<script type = "text/javaScript" async = "async" src = "example1.js"> </script>
<script type = "text/javaScript" async = "async" src = "example2.js"> </script>
</head>
<body>
<Noscript>
<p> توضح هذه الصفحة أن دعم المتصفح (ممكّن) مطلوب JavaScript
</script>
</body>
</html>
المستعرض لا يدعم البرامج النصية
يدعم المتصفح البرامج النصية ، ولكن يتم تعطيل البرنامج النصي ، وسيعرض المتصفح المحتوى في <noscript>
ستعرض هذه الصفحة رسالة إلى المستخدم إذا كان البرنامج النصي غير صالح ، وفي متصفح يدعم البرنامج النصي ، لن يرى المستخدم أبدًا
ما سبق هو كل شيء عن هذا المقال. أتمنى أن يعجبك. ستستمر تحديث هذه السلسلة.