‎‎مقدمه جاوااسكريپتJavaScript Introduction -‎

Previous >    <Next  
‎

‎‎در اين فصل مثالهائي مطرح ميشوند كه نشان دهنده نمونه كاريست كه جاوااسكريپت ميتواندانجام دهد

‎JavaScrit Can Change HTML Content‎

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

‎‎يكي از متدهاي جاوااسكريپت‎getElementById()‎‎ ميباشد .

‎درمثال زير بااستفاده ازمتد فوق عنصري ازصفحه را با‎id=‎"demo‎"‎ پيدا نموده ‎ومحتوي آنرا به‎‎"Hello JavaScript‎"‎ تغيير ميدهيم .ويژگي محتوي در ‎جاوااسكريپتinnerHTMLاست.

‎‎مثال ـ تغيير محتوي عنصرHTML

‎ 
document.getElementById("demo").innerHTML = "Hello JavaScript";

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

‎

‎‎نكته ـ جااواسكريپت هردوي دبل كتيش و تك كوتيشن را مي پذيرد.

‎توجه ـ در استفاده از توابع ومتدها رعايت كوچكي وبزرگي حروف را دقت فرمائيد .بهمان فرمتي كه ‎مطالب مطرح ميشود استفاده نمائيد .در غيراينحالت انجام نميشود.

‎‎مثال ـ همان مثال قبلي با تك كوتيشن

‎ 
document.getElementById('demo').innerHTML = 'Hello JavaScript';

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

‎JavaScript Can Change HTML Attribute Values‎

‎‎جاوااسكريپت ميتواند مقاد ويژگي عناصرHTML را تغيير دهد

‎‎مثال ـ در مثال زير با كليد دودكمه لامپ خاموش ويا روشن ميشود.

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

‎JavaScript Can Change HTML Style(CSS)‎

‎‎جاوااسكريت ميتواند استايل عناصرHTML را تغييردهد .

‎‎تغيير دادن استايل عناصرHTML شامل تغيير در ويژگي هاي مختلف عناصر HTML ميشود .

‎‎مثال ـ در مثال زير ويژگيStyle font_size عنصر تغيير داده ميشود

‎ 
document.getElementById("demo").style.fontSize="35px;"

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

‎JavaScript Can Hide HTML Elements‎

‎‎جاوااسكريپت ميتواند عنصرHTML را پنهان كند .

‎پنهان نمودن يك عنصرHTML باتغييرويژگي Style ‎diaplay‎ انجام ميشود،مطابق ‎مثال زير.

‎‎مثال ـ پنهان نمودن عنصرHTML

‎ 
document.getElementById("demo").style.display = "none";

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

‎JavaScrip can Show HTML Elements‎

‎‎جاوااسكريت ميتواند عنصرHTML را نمايش دهد

‎براي تغيير وضعيت پنهائي عنصر از ويژگيStyle ‎display‎استفاده ميشود وبايد ‎مقدار آن با‎"block‎"‎تنظيم شود .مطابق مثال زير

‎ 
document.getElementById("demo").style.display = "block";

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

‎آيا ميدانستيد كه جاوا وجاوااسكريت دو زبان كاملامتفاوت هستند چه ازنظر مفهومي و چه از نظر ‎طراحي.

‎جاوااسكريپت توسطBerdan Eich در سال 1995 ايجاد شدو درسال 1997 بيكECMA standartتبديل ‎گرديدECMA-‎262 .نام رسمي استاندارد و ECMAScript هم نام رسمي زبان آن است .

Previous >    <Next