استفاده از javascripts در HTML
JavaScripts صفحات HTML را پویاتر و جذاب تر می سازد.
مثال - خودتان امتحان کنید
Insert a script
نحوه وارد کردن یک script در یک سند HTML.
Use of the <noscript> tag
چاپ یک پیام مناسب برای مرورگرهایی که جاوا اسکریبت را پشتیبانی نمی کنند یا توسط کاربر غیر فعال شده است.
عنصر script در HTML
تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript.
عنصر <script> به دو صورت استفاده می شود یا با نوشتن دستورات درون تگ script یا به صورت یک فایل script خارجی که با خصوصیت src مشخص می شود.
ممکن است برای تگ <script> خصوصیت type را تنظیم کنیم ("text/javascript") توجه داشته باشید که نیاز به انجام این کار نیست، چون در تمام مرورگرها و در HTML5 زبان اسکریپت پیشفرض، JavaScript است.
کاربردهای رایج برای JavaScript: دستکاری تصویر، اعتبار سنجی فرم و تغییرات محتوا بصورت پویا می باشد.
script زیر عبارت Hello World را چاپ می کند:
مثال (استفاده از javascripts در HTML)
document.write("Hello World!")
</script>
نکته: برای یادگیری بیشتر در مورد JavaScript به خودآموز JS HOME مراجعه نمایید.
عنصر noscript در HTML
تگ <noscript> زمانی استفاده می شود که script ها در مرورگر غیر فعال شده یا مرورگری است که script سمت کاربر را پشتیبانی نمی کنند.
عنصر <noscript> می تواند تمام عناصری را که شما می توانید در عنصر body در یک صفحه HTML پیدا کنید را شامل شود.
محتوای عنصر <noscript> تنها زمانی نشان داده می شود که script پشتیبانی نشود یا در مرورگر کاربر غیر فعال باشد.
مثال (استفاده از javascripts در HTML)
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
تگ های Script
Tag | Description |
---|---|
<script> |
برای برنامه نویسی سمت کاربر استفاده می شود. |
<noscript> |
زمانی که script سمت کاربر پشتیبانی نشود متنی را به کاربر نشان می دهد. |
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 39934
دیدگاهها
باسلام و خسته نباشید. می خواستم بدونم مطالب این سایت عینا مشابه سایت w3schools هست یا تغییراتی ایجاد شده؟ این تغییرات چقدر هست؟
سلام، مطالب سایت بیاموز، عیناً ترجمه شده سایت W3Schools است و تغییری ایجاد نشده است.
سلام .
ببخشید میخواستم درباره ی :
document.getEle mentById("demo" ).innerHTML = "Hello !";
بپرسم که منظور از demo چیه؟
یه تو ضیح ریز بدین لطفا
ممنون!
سلام.
دستور getElementById، یک عنصر رو با استفاده از آی دی میگیره و با اون ارتباط برقرار می کنه. در کد بالا demo آی دی اختیاری یک عنصر در صفحه است. شما می تونید مثلا به عنصر دلخواه خودتون آی دی ehsan بدهید و سپس به وسیله ی دستور زیر با اون عنصر ارتباط برقرار کنید:
document.getElementById("ehsan" ).innerHTML = "Hello !";
سلام
ببخشین شما گفتین که تگ اسکریپت باید در بخش head نوشته بشه ولی اینجا تو body نوشتی. میشه توضیح بدین
اصلا ایرادی نداره و میتوانید از هر کدام که خواستید استفاده کنید.
ولی معولا بهتر است در بادی نوشته شود تا در لود صفحه مشکلی نباشد.
موفق باشید
سلام
در این صفحه این جمله "خصوصیت type که نوشتن آن الزامی است نوع اسکریپت را مشخص می کند" آمده است و در صفحه www.beyamooz.com/javascript/107-basic/379-%D9%85%D8%AD%D9%84-%D9%82%D8%B1%D8%A7%D8%B1%DA%AF%DB%8C%D8%B1%DB%8C-%DA%A9%D8%AF%D9%87%D8%A7%DB%8C-javascript، جمله بالا به صورت زیر عنوان شده است:
"ممکن است برای تگ خصوصیت type را تنظیم کنیم ("text/javascri pt"). نیاز به انجام این کار نیست، چون در تمام مرورگرها و در HTML5 زبان اسکریپت پیشفرض، JavaScript است"
احساس میشود که بین این دو جمله تناقض وجود دارد.
در صورت وجود چنین چیزی لطفا اصلاح نمایید و درغیر این صورت لطفا توضیح دهید
متشکرم
سلام
همان طور که میدانید با استفاده از ویژگی Type در تگ script می توانید نوع اسکریبت نویسی را مشخص کنید.
اما ذکر ویژگی Type در مرورگرهای قدیمی الزامی است، ولی در مرورگرهای جدید و همچنین HTML5 زبان اسکریبت نویسی پیش فرض JavaScript است. بنابراین اگر زبان اسکریبت نویسی تان JavaScript است، تنظیم کردن یا نکردن ویژگی Type فرقی نمی کند.