تگ script در HTML
مثال (تگ script در HTML)
script زیر عبارت Hello World را چاپ می کند:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
خودتان امتحان کنید »
تعریف و کاربرد تگ script در HTML
تگ <script> برای برنامه نویسی سمت کاربر استفاده می شود، مثل JavaScript
عنصر <script> به دو صورت استفاده می شود یا با نوشتن دستورات درون تگ script یا به صورت یک فایل script خارجی که با خصوصیت src مشخص می شود.
کاربردهای رایج برای JavaScript: دستکاری تصویر، اعتبار سنجی فرم و تغییرات محتوا بصورت پویا می باشد.
پشتیبانی مرورگرها از تگ script در HTML
| عنصر | |||||
|---|---|---|---|---|---|
| <script> | بله | بله | بله | بله | بله |
نکته ها و ترفندها
نکته: اگر از خصوصیت "src" استفاده کنیم , عنصر <script> باید خالی باشد.
نکته: همچنین عنصر <noscript> زمانی استفاده می شود که script ها در مرورگر غیر فعال شده یا مرورگری است که script سمت کاربر را پشتیبانی نمی کنند.
نکته: راه های مختلف برای اجرا شدن script خارجی:
- اگر خصوصیت "async="async باشد: اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود (زمانی کی که اسکریپت شما به سایر اسکریپت ها وابستگی نداشته باشد).
- اگر خصوصیت async ارائه نشود و خصوصیت "defer="defer باشد: اسکریپت پس از بازگذاری کامل صفحه اجرا می شود و تمام دستورات نیز در آخرین مرحله اجرا می شوند.
- اگر async یا defer هیچکدام ارائه نشوند: اسکریپت بلافاصله اجرا می شود قبل از اینکه مرورگر به بارگذاری آن صفحه ادامه دهد.
تفاوت بین HTML 4.01 و HTML5
خصوصیت "type" در HTML 4 الزامی است، اما در HTML5 اختیاری است.
خصوصیت "async" در HTML5 جدید است.
خصوصیت "xml:space" موجود در HTML 4.01، در HTML5 پشتیبانی نمی شود.
تفاوت بین HTMLوXHTML
در XHTML، محتویات درون اسکریپت به عنوان PCDATA# (به جای CDATA) اعلام می شود، بدان معنی است که موجودیت تجزیه خواهد شد.
این به این معنی است که در XHTML، تمام کاراکترهای خاص باید کد گذاری شود، یا تمام مطالب باید در داخل یک بخش CDATA پنهان شود:
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
خصوصیت ها
= جدید در HTML5.
| خصوصیت | مقدار | توضیحات |
|---|---|---|
| async | async | مشخص می کند که اسکریپت غیر همزمان با بقیه از صفحه اجرا می شود. (فقط برای اسکریپت خارجی) |
| charset | charset | نحوه کد گذاری کاراکترها را در اسکریپت مشخص می کند. |
| defer | defer | مشخص می کند که اسکریپت پس از بازگذاری کامل صفحه اجرا می شود. (فقط برای اسکریپت خارجی) |
| src | URL | مسیر کامل فایلی که دستورات اسکریپت در آن قرار دارد را مشخص می کند. |
| type | media_type | نوع اسکریپت را مشخص می کند. |
| xml:space | preserve | در HTML5 پشتیبانی نمی شود. مشخص می کند که whitespace در کد باید حفظ شود. |
ویژگی های عمومی تگ script در HTML
تگ <script> از ویژگی های عمومی در HTML پشتیبانی می کند.
آموزش های مرتبط
مرجع اشیاء اچ تی ام ال: تگ script در JavaScript
- نوشته شده توسط سمیه فخری
- بازدید: 13827
