تگ script در HTML

طراحی سایت

..تگ script در HTML..
طراحی سایت

تگ script در HTML

برای معرفی و نمایش کد‌های جاوا اسکریپت در HTML از چه تگی استفاده می‌کنیم؟ منظور از تگ Script چیست؟ آیا میتوانیم در HTML به صورت مستقیم از جاوا اسکریپت استفاده کنیم؟ در این مقاله با تگ script آشنا می‌شویم.

سرفصل‌های پست

تگ <script>

در فصل قبل در رابطه کار با فریم ها صحبت کردیم و با تگ‌ frame و تگ iframe آشنا شدیم. در این جلسه می‌خواهیم در رابطه با تگ Script صحبت کنیم.

این تگ برای تعریف یک اسکریپت سمت کلاینت مورد استفاده قرار می‌گیرد.

محتوای تگ <script> یا شامل دستورات جاوا اسکریپت است و یا شامل یک خاصیت src که به فایل جاوا اسکریپت اشاره دارد.

استفاده های رایج این تگ معمولا در نگهداری از تصاویر، تعیین اعتبار فرم ها و تغییرات پویا در محتوای صفحه می‌باشد.

برای انتخاب یک عنصر جاوا اسکریپت معمولا از تابع document.getElementById() استفاده می‌شود.

مثال زیر یک عبارت “سلام جاوا اسکریپت” را با پیدا کردن عنصر جاوا اسکریپت می‌نویسد.

<script> document.getElementById("demo").innerHTML = "Hello JavaScript!"; </script>

نکات و یادداشت ها

اگر در تگ <script> از خاصیت  “src” استفاده می کنید، محتوای تگ باید خالی باشد.

برای فراخوانی یک اسکریپت بیرونی چندین راه وجود دارد:

  • اگر مقدار خاصیت async برابر با async باشد، در این حالت اسکریپت به صورت ناهمگام به همراه سایر اجزای صفحه بارگیری می‌شود(در حین بارگیری صفحه اسکریپت اجرا می‌شود)
  • اگر مقدار async تعیین نشده باشد و مقدار defer برابر با defer باشد در این حالت، پس از بارگیری کامل صفحه اسکریپت اجرا می‌شود.
  • اگر هیچ یک از خواص async و defer تعیین نشده باشند، در این حالت اسکریپت قبل از بارگیری کامل صفحه توسط مرورگر به سرعت بارگیری و فرخوانی خواهد شد.

تفاوت های تگ <script> در نسخه HTML 4.01 و HTML5

  1. خاصیت “type” در HTML 4 ضروری است در حالی که در نسخه 5 اختیاری می‌باشد.
  2. خاصیت “async” در نسخه HTML 5 وجود دارد.
  3. خاصیت “xml:space” موجود در نسخه 4 در نسخه HTML 5 پشتیبانی نمی‌شود.

 

تفاوت تگ <script> بین HTML و XHTML

در XHTML، محتوای اسکریپت به عنوان #PCDATA تعریف می شوند(به جای CDATA)، معنای آن این است که محتوای تگ تجزیه می‌شود.

در نتیجه در XHTML، همه کاراکتر های خاص باید encode شوند یا همه محتوا باید به بخش CDATA انتقال یابد.

<script type="text/javascript"> //<![CDATA[ var i = 10; if (i < 5) {   // some code } //]]&gt; </script>

خاصیت‌ها

خاصیت مقدار توضیح
Async Async تعیین می کند اسکریپت به صورت ناهمگام اجرا شود (فقط برای اسکریپت های بیرونی)
Charset Charset تعیین کننده نوع encoding کاراکتر های اسکریپت بیرونی
Defer Defer تعیین کننده اجرای اسکریپت پس از بارگیری صفحه(فقط برای اسکریپت های بیرونی)
Src url تعیین کننده آدرس اسکریپت بیرونی
Type Media_type تعیین کننده نوع رسانه اسکریپت
Xml:space Preserve تعیین کننده حفظ فاصله در کد(در نسخه 5 پشتیانی نمی شود)

نتیجه گیری

در این مقاله با تگ script که یک تگ برای معرفی کد‌های جاوا اسکریپت در HTML می‌باشد آشنا شدیم. راه‌های دیگری نیز برای معرفی کد‌های جاوا اسکریپت به سند HTML وجود دارد، با اینحال یکی از روش‌های خوب استفاده از تگ Script می‌باشد.

اگر سوال، انتقاد و نظری در رابطه با این مقاله داشتید خیلی خوشحال میشیم که برام بنویسید.

29
23 آبان 1398
..نظرات..
..مقالات پربازدید..
طراحی سایت

آموزش قرعه کشی در اینستاگرام

  آموزش قرعه کشی در اینستاگرام   با سلام خدمت دوستان و کاربران گرامی . امروز با آموزش قرعه کشی در اینستاگرام برای کسانی که علاقه به ایجاد کمپین های تبلیغاتی دارند در خدمت شما هستیم . بحث قرعه کشی در اینستاگرام با توجه به فراگیر شدن این شبکه اجتماعی که البته امروزه زیرمجموعه فیسبوک مطرح میشود ، زیاد شده است . البته این احتمال وج...

7081
24 فروردین 1398
برنامه نویسی

ویژگی های جدید لاراول 5.8

تغییرات لاراول 5.8 LARAVEL ورژن بعدی فریم ورک لاراول با نسخه ۵.۸ در ماه فوریه سال ۲۰۱۹ منتشر میشه. در حال حاظر تنها مواردی که قطعی شده پشتیبانی لاراول ۵.۸ از کتابخانه carbon نسخه ۲ می باشد. و قابلیت امکان سوییچ بین هر دو نسخه یک و دو carbon مورد دیگر استفاده laravel 5.8 از vlucas/phpdotenv ورژن 3 برای فایل .env میباشد که اجازه استف...

652
08 اسفند 1397
برنامه نویسی

آموزش کار با افزونه دکان (چند فروشندگی)

آموزش کار با افزونه دکان (چند فروشندگی) افزونه دکان در طراحی سایت فروشگاهی مورد استفاده قرار می گیرد. طراحی سایت در این مورد به گونه ای است که در یک وب سایت، چندین فروشنده امکان قرار دادن و فروش محصولات خود را، در پنل های جداگانه دارند. برای عضویت و قرار دادن محصولات در آن ابتدا وارد وب سایت مورد نظر که با افزونه دکان ایجاد شده است، شوید....

611
04 دی 1397