تقنية

تعرف على لغة الويب جافا سكريبت 2022

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

تستخدم ايضا فى إنشاء الالعاب و تطبيقات الويب وانشاء صفحات ويب تفاعلية، تم إطلاق لغة الجافا سكريبت من قبل شركة تدعى أوراكل توجد فى الولايات المتحدة، أول اسم تم إطلاقه على هذه اللغة اسم Mocha وثانى اسم تم اطلاقه هو LiveScript، تابع قراءة هذا المقال حتى النهاية لكى تتعرف على لغة الويب جافا سكريبت بجميع تفاصيلها.

 

أكواد جافا سكريبت

 

تعرف على لغة الويب جافا سكريبت (الأكواد).

  • كود تحديد اتجاه النص

<p dir=”rtl” align=”right”>اكتب هنا النص الذي تريد ظهوره من اليمين إلى اليسار</p>

  • كود تحريك النص إلى أعلى

<marquee behavior=”scroll” direction=”up” height=”140″ scrollamount=”1″ scrolldelay=”60″ onMouseOver=”this.stop()” onMouseOut=”this.start()”>

<center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 3

<br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4

<br>……</center>

</marquee>

تعرف على لغة الويب جافا سكريبت

  • كود ارجحة النص على اليمين وعلى اليسار

<marquee scrolldelay=”60″ scrollamount=”3″ width=”400″ direction=”left” behavior=”alternate” bgcolor=”#FF0000″>اكتب هنا النص الذى تريده</marquee>

  • كود تحريك النص

<div align=”center”>

<table border=”0″ width=”100%” style=”border-collapse: collapse”>

<tr><td class=”alt1″ colspan=”3″><b>

<font size=”4″ color=”000000″>

<marquee direction=”right” width=”100%” height=”20″direction=”right” onmouseover=”this.stop()” onmouseout=”this.start()” scrolldelay=”0″ scrollamount=”5″>اكتب هنا النص المتحرك </marquee></font></b></td>

</tr></table></div>

  • كود نص يضئ تدريجيا

<h2>

<script language=”JavaScript1.2″>

 

var message=”اكتب هنا النص الذى تريده”

var neonbasecolor=”gray”

var neontextcolor=”yellow”

var flashspeed=100  //in milliseconds

 

///No need to edit below this line/////

 

var n=0

if (document.all||document.getElementById){

document.write(‘<font color=”‘+neonbasecolor+'”>’)

for (m=0;m<message.length;m++)

document.write(‘<span id=”neonlight’+m+'”>’+message.charAt(m)+'</span>’)

document.write(‘</font>’)

}

else

document.write(message)

 

function crossref(number){

var crossobj=document.all? eval(“document.all.neonlight”+number) : document.getElementById(“neonlight”+number)

return crossobj

}

 

function neon(){

 

//Change all letters to base color

if (n==0){

for (m=0;m<message.length;m++)

//eval(“document.all.neonlight”+m).style.color=neonbasecolor

crossref(m).style.color=neonbasecolor

}

 

//cycle through and change individual letters to neon color

crossref(n).style.color=neontextcolor

 

if (n<message.length-1)

n++

else{

n=0

clearInterval(flashing)

setTimeout(“beginneon()”,1500)

return

}

}

 

function beginneon(){

if (document.all||document.getElementById)

flashing=setInterval(“neon()”,flashspeed)

}

beginneon()

 

</script>

</h2>

</font></p>

تعرف على لغة الويب جافا سكريبت

قواعد جافا سكريبت

 

وبعد ان تجدثنا عن تعرف على لغة الويب جافا سكريبت (الأكواد)، نتحدث الان عن تعرف على لغة الويب جافا سكريبت (القواعد)

  • المتغيرات

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

  • الكائنات

تتمثل الكائنات فى الازرار، البيانات، الصور والصفحات يتميز كل كائن من هذه الكائنات بمميزاته الخاصة وطرق عمله ووظائفه الخاصة.

  • الدوال

يطلق عليها أيضا اسم الوظائف، كل دالة من الدوال تحتوى على تعليمات تقوم بتجميعها عند طلب المتصفح ظهور رسالة للمستخدم، توجد طرق كثيرة لإنشاء الدوال ومن هذه الطرق كتابة كلمة function ثم اسم الدالة وعلامة القوسين () ثم نقوم بفتح جسم الدالة {} ثم كتابة جمل البرمجة التى تريدها.

شاهد ايضا: عمله دوج كوين 2022

اظهر المزيد

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى
error: Content is protected !!