‎‎‎اچ تي ام ال باجاوااسكريتHTML Javascript -‎

Previous >    <Next  

‎‎با جاوااسكريپت ميتوان صفحاتHTML پوياتر وفعال تر ساخت .

My First JavaScript

‎‎مثال ـ جاوااسكريپت وHTML

--(go to editor for change code and run)

‎‎اسكريپت تگHTML <script> -‎

‎HTML ‎<script>‎‎براي تعريف يك اسكريت سمت كاربر استفاده ميشود .

‎عنصر‎<script>‎ شامل يك اسكريپت بوده ويا ازطريق ويژگي ‎src‎ ‎به يك فايل اسكريپت خارجي اشاره مي نمايد.

‎‎كاربردهاي رايج جاوا اسكريپت دستكاري تصوير، اعتبار سنجي فرم وتغييرات پوياي محتوي است.

‎در جاوااسكريپت براي انتخاب عنصري از صفحه اغلب از متد‎getElementById()‎‎ استفاده ‎ميشود.

‎‎مثال ـ نمونه جاوااسكريپت كه عبارت‎"Hello Javascript‎"‎را در عنصري باid=‎"demo‎"‎ مي نويسد

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script > 

--(go to editor for change code and run)

‎‎نمونه كاري ازجااواسكريپتA Taste of JavaScript -‎

‎‎در زير چند نمونه از كارهائيكه با جاوااسكريپت ميتوان انجام داد آمده است.

‎‎مثال ـ جاوااسكريپت ميتواند محتوي راتغيير دهد.

<script>
function myFunction() { 
  document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script >

--(go to editor for change code and run)

‎‎مثال ـ با جاوااسكريپت ميتوان ويژگيهاي استايل شيت عنصري را تغييرداد.

<script>
function myFunction() {
  document.getElementById("demo").style.fontSize = "25px"; 
  document.getElementById("demo").style.color = "red";
  document.getElementById("demo").style.backgroundColor = "yellow";        
}
</script >

--(go to editor for change code and run)

‎‎مثال ـ باجاوااسكريپت ميتوان ويژگي هاي عنصري را تغيير داد.

<script>
function light(sw) {
  var pic;
  if  (sw == 0) {
    pic = "pic_bulboff.gif"
  } else {
    pic = "pic_bulbon.gif"
  }
  document.getElementById('myImage').src = pic;
}
</script >

--(go to editor for change code and run)

‎‎تگ غير اسكريپتيThe HTML <noscript> Tag -‎

‎با تگHTML ‎<noscript>‎ محتوياتي را جهت نمايش كاربر تعريف نمود، كه براي ‎مرورگر غيرفعال بوده يا آنرا پشتيباني نمي نمايد.

‎‎مثال ـ نمونه استفاده ازتگHTML ‎<noscript>

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script >

<noscript>Sorry, your browser does not support JavaScript!</noscript>

--(go to editor for change code and run)


Previous >    <Next