Latest web development tutorials
×

JavaScript مسار

JavaScript مسار JavaScript مقدمة موجزة JavaScript استعمال JavaScript تصدير JavaScript قواعد JavaScript البيانات JavaScript مذكرة JavaScript متغير JavaScript أنواع البيانات JavaScript الأجسام JavaScript وظيفة JavaScript مجال JavaScript حدث JavaScript سلسلة JavaScript مشغلي JavaScript مقارنة JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript نوع التحويل JavaScript التعبير العادية JavaScript خطأ JavaScript التصحيح JavaScript رفع متغير JavaScript الوضع الصارم JavaScript استخدام غير لائق JavaScript مصادقة النماذج JavaScript كلمات محفوظة JavaScript JSON JavaScript void JavaScript كود المواصفات

JS وظيفة

JavaScript تعريف وظيفة JavaScript وسائط الدالة JavaScript استدعاء دالة JavaScript الإغلاق

JS HTML DOM

DOM مقدمة موجزة DOM HTML DOM CSS DOM حدث DOM EventListener DOM العنصر

JS دروس متقدمة

JavaScript الأجسام JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp الأجسام

JS المتصفح BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript فرقعة JavaScript حدث موقوتة JavaScript Cookies

JS مخزن

JavaScript مخزن JavaScript اختبار jQuery JavaScript اختبار Prototype

JS أمثلة

JavaScript أمثلة JavaScript مثيل كائن JavaScript مثيل كائن المستعرض JavaScript HTML DOM أمثلة JavaScript ملخص

JS الدليل المرجعي

JavaScript الأجسام HTML DOM الأجسام

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

HTML في البرنامج النصي يجب أن يكون موجودا بين <script> و </ script> العلامة.

السيناريو يمكن أن توضع في صفحة HTML <body> و <رئيس> القسم.


العلامة <script>

لإدراج جافا سكريبت في صفحة HTML، استخدم العلامة <script>.

<script> و </ script> يقول جافا سكريبت أين تبدأ وتنتهي.

سطر من التعليمات البرمجية <script> و </ script> بين يحتوي جافا سكريبت:

<script>
alert("我的第一个 JavaScript");
</script>

كنت لا أفهم رمز أعلاه. فقط نفهم أن المتصفح سيتم تفسير وتنفيذ شفرة جافا سكريبت في <script> و </ script> بين

مصباح أمثلة من تلك القديمة قد يستخدم نوع = "نص / جافا سكريبت" في العلامة <script>. الآن لم يكن لديك للقيام بذلك. جافا سكريبت هو كل المتصفحات الحديثة وHTML5 لغة البرمجة الافتراضية.


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

في هذا المثال، يتم تحميل الجافا سكربت في صفحة HTML عندما <BODY> كتابة النص:

أمثلة

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

محاولة »


وظائف والأحداث جافا سكريبت

البيانات جافا سكريبت في المثال أعلاه، أعدم عند تحميل الصفحة.

بشكل عام، نحن بحاجة إلى تنفيذ التعليمات البرمجية عند حدوث حدث، مثل عندما يقوم المستخدم بالنقر فوق الزر.

إذا وضعنا شفرة جافا سكريبت في وظيفة، يمكنك استدعاء الدالة عند وقوع الحدث.

سوف تتعلم المزيد عن علم وظائف جافا سكريبت والأحداث في فصول لاحقة.


في <رأس> أو <BODY> جافا سكريبت

يمكنك وضع عدد غير محدود من النصوص في وثيقة HTML.

يقع النصي HTML في <BODY> أو <رئيس> القسم، أو موجودة في قسمين.

وجرت العادة على أن يعمل في القسم <head>، أو على الجزء السفلي من الصفحة. بحيث يمكن وضعها في نفس المكان الذي لا يتعارض مع محتوى الصفحة.


وظائف <رئيس> جافا سكريبت

في هذه الحالة، لدينا وظيفة جافا سكريبت وضعها في صفحات HTML القسم <head>.

يتم استدعاء هذه الدالة عندما يتم النقر على زر:

أمثلة

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


محاولة »


وظائف <الهيئة> جافا سكريبت

في هذه الحالة، لدينا وظيفة جافا سكريبت وضعت في <BODY> صفحة HTML.

يتم استدعاء هذه الدالة عندما يتم النقر على زر:

أمثلة

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


محاولة »


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

يمكنك أيضا حفظ النصي إلى ملف خارجي. تحتوي على الملفات الخارجية عادة متاحة لاستخدامها من قبل عدة صفحات.

ملحق الملف هو خارجي. شبيبة ملف جافا سكريبت.

لاستخدام ملف خارجي، تعيين ملف شبيبة في العلامة <script> هو "SRC" السمة:

أمثلة

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

محاولة »

يمكنك وضع البرنامج النصي في <رأس> أو <body> في النتائج التشغيلية الفعلية وتكتب السيناريو بالضبط نفس العلامة <script>.

كود ملف myScript.js على النحو التالي:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
مصباح النصي الخارجي لا يمكن أن تحتوي على العلامة <script>.