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

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


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

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

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

ѕαα∂ ∂єѕιgη

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

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

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

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

كتابة الكود داخل صفحة الويب

في المثال التالي سيتم استخدام كود جافاسكربت داخل وسم <P> وسيتم عرض التاريخ الحالي ضمنه.

مثال

الكود:
<html>
<body>
<h1>أول صفحة جافاسكربت</h1>
<script type="text/javascript">
document.write("<p>" + Date() + "</p>");
</script>
</body>
</html>
ملاجظة : حاول أن تتجنب استخدام الكود الوظيفي document.write()في أكواد الجافاسكربت الضخمة لأن صفحة HTML ستفرط في كتابة الأكواد عند استخدام document.write() داخل كود وظيفي أو عند تحميل الصفحة . ولكن على أي حال يعتبر كتابة الكود الوظيفي document.write() أسهل طريقة لإظهار نتيجة كود الجافاسكربت .

تغيير عناصر HTML

في المثال التالي سيتم استخدام كود جافاسكربت داخل وسم <P> من خلال استدعاء اسم معين له وسيتم عرض التاريخ الحالي ضمنه.

مثال
الكود:

<html>
<body>
<h1>أول صفحة جافاسكربت</h1>
<p id="demo"></p>
<script type="text/javascript">
document.getElementById("demo").innerHTML=Date();
</script>
</body>
</html>
ملاحظة : يمكن للغة جافاسكربت معالجة عناصر HTML حيث تستخدم طريقة DOM الحصول على العنصر من خلال الآي دي الخاص به getElementById() أي من خلال اسم فريد يمكن استخدامه في الجافاسكربت تماماً مثل لغة CSS

مثال مشروح

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

بعد ادخال الوسم <script> يجب اضافة لاحقة لتعريف نوع لغة هذا السكربت .

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

الكود:
<html>
<body>
<h1> أول صفحة جافاسكربت </h1>
<p id="demo">هذه فقرة</p>
<script type="text/javascript">
هنا سيتم ادراج كود الجافاسكربت
</script>
</body>
</html>
يحتوي السطر بين بداية الوسم <script> ونهايته </script> كود الجافاسكربت الذي سيتم قرائته من قبل المتصفح .

وفي هذه الحالة سيقوم المتصفح باستبدال محتوى عنصر HTML بالآي دي demo وسيتم اظهار الوقت الحالي id=”demo”

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

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

</body>
</html>
اكتب الكود بنفسك
عند عدم استخدام الوسم <script> سيقوم المتصفح بإظهار الكود
“document.getElementById(“demo”).innerHTML=Date();” كنص عادي في الصفحة .
بعض المتصفحات لاتدعم لغة الجافاسكربت JavaScript

ان كان هناك بعض المتصفحات التي لاتدعم الجافاسكربت فعندها ستسبب الكثير من المشاكل .

لتجنب هذه المشاكل يمكن استخدام “تعليقات HTML” لإخفاء كود الجافاسكربت في حال كان المتصفح لايدعم الجافاسكربت JavaScript فقط قم بإضافة بداية كود التعليق والذي يبدأ <!– قبل كود الجافاسكربت ثم قم بإضافة نهاية كود التعليق –> بعد الانتهاء من كتابة كود الجافاسكربت .

مثال

الكود:
<html>
<body><script type="text/javascript">
<!--
document.getElementById("demo").innerHTML=Date();
//-->
</script>
</body>
</html>
تم اضافة “//” في نهاية الكود قبل اغلاق كود الملاحظة وهي اشارة ملاحظة أيضاً وقد تم إضافة هذا الرمز لتجنب تجاهل نهاية كود التعليق الخاص HTML

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

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