منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
ѕαα∂ ∂єѕιgη
سوبر الإبداع 

ѕαα∂ ∂єѕιgη

ذكر
الدلو
عدد المساهمات : 43577
نقاط النشاط : 48233
السٌّمعَة : 302
بلد العضو :  كيفية استخدام كود الجافاسكربت JavaScripts Saudi-10
العمر : 22

 كيفية استخدام كود الجافاسكربت JavaScripts Empty
مُساهمةموضوع: كيفية استخدام كود الجافاسكربت JavaScripts    كيفية استخدام كود الجافاسكربت JavaScripts Emptyالخميس مايو 07, 2020 12:50 pm

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

أين نستخدم الكود
يمكن استخدام كود الجافاسكربت JavaScripts داخل وسمي <body> أو <head> في صفحة HTML

استخدام الجافاسكربت ضمن <body>

في المثال التالي سنكتب التاريخ ضمن وسم <p> عند تحميل الصفحة .

مثال

الكود:
<html>
<body>
<h1>أول صفحة جافاسكربت</h1>
<p id="demo"></p>

<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>

</body>
</html>

لاحظ أن كود الجافاسكربت تم وضعه في أسفل الصفحة وكن متأكداً أنه في آخر الصفحة أي بعد وسم <p> لأنه اذا تم وضع قبله فلن يعمل بشكل جيد .

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

يظهر عادة كود الجافاسكربت JavaScript في صفحات HTML عند تحميل الصفحة ولكن ليس هذا مانريده دائماً .

أحياناً نحتاج لإدارج كود الجافاسكربت عند حدوث حدث معين أي عند ضغط المستخدم على زر معين وفي هذه الحالة يمكن اضافة سكربت داخل كود وظيفي function .

تستخدم عادة الأحداث مع الأكواد الوظيفية مثل استدعاء كود وظيفي عند حدوث حدث معين .

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

استخدام الجافاسكربت ضمن <head>

في المثال التالي سيتم استدعاء كود وظيفي عند الضغط على زر .

مثال

الكود:
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<h1>أول صفحة جافاسكربت</h1>
<p id="demo"></p>
<button type="button" onclick="displayDate()">عرض تاريخ اليوم</button>
</body>
</html>
الأكواد ضمن <body> و <head>

يمكنك إدارج أكواد غير محدودة في صفحتك الويب كما يمكن إدراج الأكواد في كلاً من <body> و <head> في نفس الوقت .

كما هو شائع وضع جميع أكواد الجافاكربت ضمن رأس الصفحة <head> أو في نهاية الصفحة وبهذه الطريقة يمكن استخدام جميع الأكواد بدون التعارض مع محتوى الصفحة .

استخدام ملف JavaScript خارجي

يمكن استخدام أكواد الجافاسكربت في ملفات منفصلة .
غالباً مايحتوي الملف الخارجي على أكواد يمكن استخدامها في أماكن متعددة ومختلفة .
ان صيغة ملف الجافاسكربت الخارجي هي .js
ملاحظة : لايجب استخدام وسوم <script></script> عند استخدام الملف الخارجي للجافاسكربت .

لاستخدام كود جافاسكربت منفصل يجب تحديد اسم ومكان الملف باستخدام اللاحقة src ضمن الوسم <script> في صفحة HTML

مثال

الكود:
<html>
<head>
<script type="text/javascript" src="xxx.js"></script>
</head>
<body>

</body>
</html>
ملاحظة : لاتنسى استدعاء ملف الجافاسكربت تماماً في المكان الذي ترغب إظهار فيه الكود .

( تم تجديد الموضوع )
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://t-altwer.yoo7.com/
Zoolraqey
إشراف عام الأقسام 

Zoolraqey

ذكر
عدد المساهمات : 1872
نقاط النشاط : 2733
السٌّمعَة : 38
بلد العضو :  كيفية استخدام كود الجافاسكربت JavaScripts Sudan10

 كيفية استخدام كود الجافاسكربت JavaScripts Empty
مُساهمةموضوع: رد: كيفية استخدام كود الجافاسكربت JavaScripts    كيفية استخدام كود الجافاسكربت JavaScripts Emptyالجمعة سبتمبر 11, 2020 12:04 am

جزاك الله خير الجزاء
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://ahs-madani.yoo7.com
Oussama.Gfx
عضو فعال 

Oussama.Gfx

ذكر
الجدي
عدد المساهمات : 183
نقاط النشاط : 223
السٌّمعَة : 8
بلد العضو :  كيفية استخدام كود الجافاسكربت JavaScripts Morocc10
العمر : 28

 كيفية استخدام كود الجافاسكربت JavaScripts Empty
مُساهمةموضوع: رد: كيفية استخدام كود الجافاسكربت JavaScripts    كيفية استخدام كود الجافاسكربت JavaScripts Emptyالسبت سبتمبر 04, 2021 7:58 pm

مشكور أخ سعد مع أنني لم أفهم أي حاجة لاكن شكرا على أية حال



منتديات الإبـداع العـربي : 
 كيفية استخدام كود الجافاسكربت JavaScripts Vr7y9y12
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.ghobz.rigala.net
 
كيفية استخدام كود الجافاسكربت JavaScripts
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: دروس تعلم لغات البرمجة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020