این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ script در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ script در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Script در HTML
تگ script تگی است که با استفاده از آن میتوان دستورات جاوااسکرپیت را در یک صفحه وب وارد و یا ایجاد کرد.
دستورات جاوااسکریپت هم میتونن بصورت داخلی ( یعنی داخل همون صفحه ) و هم بصورت خارجی ( یعنی در یک فایل مجزا خارج از اون صفحه ) مورد استفاده قرار بگیرند.
زبان جاوا اسکریپت سومین تکه از الماس طراحی وب می باشد، که با استفاده از آن میتوان تگ های درون یک صفحه وب رو ایجاد ، تغییر و حذف کرد ، بعد از اینکه آموزش HTML و CSS رو یاد گرفتید باید آموزش زبان جاوا اسکریپت رو شروع کنید.
Free-Learn
مثال از تگ script در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : نوشتن دستورات جاوا اسکریپت درون خوده صفحه ( داخل تگ body )
|
1 2 3 4 5 6 7 |
<script> function MyMessage(){ document.getElementById("Result").innerHTML = "Salam Khobi?"; } </script> |
مثال شماره ۲ : نوشتن دستورات جاوا اسکریپت درون خوده صفحه ( داخل تگ head )
|
1 2 3 4 5 6 7 8 9 10 11 |
<head> <script> function MyMessage(){ document.getElementById("Result").innerHTML = "Salam Khobi?"; } </script> </head> |
مثال شماره ۳ : فراخوانی فایل جاوا اسکریپت ( یعنی اتصال فایل جاوا اسکریپت با فایل HTML )
|
1 |
<script src="files/test.js"></script> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ script در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
جدول صفات تگ script در HTML
در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.
| نام صفت | مقدار | توضیح |
|---|---|---|
| async | async | مشخص میکند که یک اسکریپت بصورت غیرهمزمان اجرا شود ( قابل استفاده فقط برای فایل اسکریپت خارجی ) |
| charset | charset | نحوه کدگذاری کاراکترهای فایل اسکریپت خارجی را مشخص میکند ( قابل استفاده فقط برای فایل اسکریپت خارجی ) |
| defer | defer | نحوه اجرا شدن اسکریپت های موجود در صفحه را مشخص میکند ( قابل استفاده فقط برای فایل اسکریپت خارجی ) |
| src | URL | آدرس URL فایل جاوا اسکریپت خارجی را مشخص میکند |
| type | media_type | نوع رسانه محتوایی را مشخص میکند |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ script تنها از صفات عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- اگه از صفت src درون این تگ استفاده کرده باشیم، میتونیم اون رو بصورت تگ تنها بنویسیم. ( یعنی تگی که تگ بسته ندارد ) ( همانند دستور زیر ) ( ولی خب شما سعی کن همیشه تگ بسته رو بنویسید )
|
1 |
<script src="test.js"> |
- استفاده از صفت type در HTML4 ضروری می باشد ولی در HTML5 استفاده از این صفت اختیاری می باشد.
- با استفاده از تگ <noscript> نیز میتوان یک متن بصورت دلخواه مشخص کرد تا اگر مرورگر کاربر از دستورات جاوا اسکرپیت پشتیبانی نکرد، اون متن به کاربر نمایش داده شه.
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ script را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
script { display: none; } |
