آموزش تگ script در HTML
آموزش تگ script در HTML
دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با آموزش تگ script در HTML به صورت کامل آشنا بشید.
تگ Script در HTML
تگ script تگی است که با بکار بردن آن درون کد هایمان میتوان دستورات جاوااسکرپیت را در یک صفحه وب وارد و یا ایجاد کرد.
دستورات جاوااسکریپت هم میتونن بصورت داخلی ( یعنی داخل همون صفحه ) و هم بصورت خارجی ( یعنی در یک فایل مجزا خارج از اون صفحه ) مورد استفاده قرار گیرند.
سومین تکه از الماس طراحی وب زبان جاوا اسکریپت است، که با استفاده از آن میتوان تگ های درون یک صفحه وب رو ایجاد ، تغییر و حذف کرد ، بعد از اینکه آموزش HTML و CSS رو یاد گرفتید باید آموزش زبان جاوا اسکریپت رو آغاز کنید.
مثال از تگ script در HTML
در ادامه آموزش html و css میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال اول : نوشتن دستورات جاوا اسکریپت داخل خود صفحه ( داخل تگ body )
<script>
function MyMessage(){
document.getElementById("Result").innerHTML = "Salam Khobi?";
}
</script>
مثال شماره ۲ : نوشتن دستورات جاوا اسکریپت داخل خود صفحه ( داخل تگ head )
<head>
<script>
function MyMessage(){
document.getElementById("Result").innerHTML = "Salam Khobi?";
}
</script>
</head>
آخرین مثال : فراخوانی فایل جاوا اسکریپت ( یعنی اتصال فایل جاوا اسکریپت با فایل HTML )
<script src="files/test.js"></script>
راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.
پشتیبانی مرورگرها
در جدولی که در پایین مشاهده می کنید به این نتیجه می رسید که آیا مرورگرهای اینترنتی از تگ script در HTML پشتیبانی میکنند یا خیر.
جدول صفات تگ script در HTML
در جدول زیر میتوانید مشاهده کنید که چه صفات و چه مقادیری را میتوان در این تگ استفاده کرد.
پشتیبانی از صفات و رویدادهای عمومی
تگ script تنها از صفات عمومی در HTML پشتیبانی می کند.
نکات و توضیحات
- اگه درون این تگ از صفت src استفاده کرده باشیم، میتونیم اون رو بشکل یک تگ تنها بنویسیم. ( یعنی تگی که تگ بسته ندارد ) ( همانند دستور زیر ) ( ولی خب شما سعی کن همیشه تگ بسته رو بنویسی )
<script src="test.js">
- استفاده از صفت type در HTML4 واجب است ولی در HTML5 استفاده از این صفت را شما تشخیص دهید.
- با استفاده از تگ <noscript> نیز میتوان یک محتوا بصورت دلخواه تعیین کرد تا اگر مرورگر کاربر از دستورات جاوا اسکرپیت پشتیبانی نکرد، اون محتوا به کاربر نمایش داده بشه.
دستورات CSS پیش فرض
در اکثر مواقع مرورگرها تگ script را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
script {
display: none;
}
شما میتوانید با دوره ی آموزشی html css در این موارد بسیار مهارت پیدا کنید.
در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید
دیدگاهتان را بنویسید