شاركـ أصدقائك

كورس JavaScript | شرح Where To | موقع فولدرات

الرئيسية / الحاسب الآلي / لغات البرمجة / JAVASCRIPT / كورس JavaScript | شرح Where To

القرآن الكريم كامل المصحف الذكي (جديد) , المصحف النصي

javascript جافا سكريبت مقدمة للمبتدئين بالعربي شرح اكواد

علامة <script>:

في HTML ، يتم إدراج كود JavaScript بين علامتي <script> و <script/>.

مثال:

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

وظائف وأحداث JavaScript:

وظيفة JavaScript هي كتلة من تعليمات JavaScript البرمجية ، والتي يمكن تنفيذها عند "استدعاء" لـ.

على سبيل المثال ، يمكن استدعاء وظيفة عند وقوع حدث ، مثل عندما ينقر المستخدم على زر.

جافا سكريبت في <head> أو <body>:

يمكنك وضع أي عدد من البرامج النصية في مستند HTML.

يمكن وضع البرامج النصية في <body> أو في قسم <head> بصفحة HTML أو في كليهما.

جافا سكريبت في <head>:

في هذا المثال ، يتم وضع دالة JavaScript في قسم <head> بصفحة HTML.

يتم استدعاء (استدعاء) الوظيفة عند النقر فوق الزر:

مثال:

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
 
<h2>جافا سكريبت</h2>
 
<p id="demo">الفقرة</p>
 
<button type="button" onclick="myFunction()">حاول</button>
 
</body>
</html>

النتيجة كالآتي:

جافاسكريبت اكواد شرح JavaScript ويب web للميتدئين

جافا سكريبت في <body>:

في هذا المثال، يتم وضع الدالة JavaScript في القسم <body> من صفحة HTML.

يتم استدعاء الوظيفة (تسمى) عند النقر فوق زر:

مثال:

<!DOCTYPE html>
<html>
<body>
 
<h1>A Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
 
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
 
</body>
</html>

جافا سكريبت خارجي

يمكن أيضًا وضع البرامج النصية في ملفات خارجية:

ملف خارجي: mysScript.js

function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}

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

ملفات JavaScript لها ملحق الملف .js.

لاستخدام برنامج نصي خارجي، ضع اسم ملف البرنامج النصي في سمة src (المصدر) الخاصة بعلامة <script>

مثال:

<script src="myScript.js"></script>

يمكنك وضع مرجع نصي خارجي في <head> أو <body> كما تريد.

سيتصرف البرنامج النصي كما لو كان موجودًا بالضبط حيث توجد علامة <script>.

مزايا جافا سكريبت الخارجية

يتميز وضع البرامج النصية في ملفات خارجية ببعض المزايا:

يفصل بين HTML والتعليمات البرمجية
يجعل من السهل قراءة HTML و JavaScript وصيانتهما
يمكن لملفات JavaScript المخزنة مؤقتًا تسريع تحميل الصفحات

لإضافة عدة ملفات نصية إلى صفحة واحدة - استخدم عدة علامات نصية:

مثال:

<script src="myScript1.js"></script>
<script src="myScript2.js"></script>

لا تنسى مشاركة الصفحة ومن صالح دعائكم

JS | مقدمة

JS | شرح Where To

JS | شرح Output

JS | شرح statements

JS | شرح Syntax

JS | شرح Comments

JS | شرح Variables

JS | شرح Operators

JS | شرح Arithmetic

JS | شرح Assignment

القائمة الرئيسية

كورس JavaScript | شرح Where To | موقع فولدرات

علامة <script>:

وظائف وأحداث JavaScript:

جافا سكريبت في <head> أو <body>:

جافا سكريبت في <head>:

جافا سكريبت في <body>:

جافا سكريبت خارجي

ملف خارجي: mysScript.js

مزايا جافا سكريبت الخارجية

كورس HTML | شرح أساسيات لغة html

كورس HTML | شرح خصائص html

كورس ++C | شرح Variables

أقوال عن دروس الحياة

كورس CSS | مقدمة css

كورس HTML | شرح عناصر html