تگ script در HTML

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

تگ script چیست؟

تگ script برای اجرای کدهای جاوا اسکریپت در صفحه به کار می رود.

این تگ با <script> شروع شده و با </script> پایان می یابد.

<script></script>

کد های جاوا اسکریپت را می توان به دو صورت داخلی و خارجی، فراخوانی کرد.

فراخوانی داخلی

در فراخوانی داخلی می توانید کد های JavaScript را درون تگ script قرار دهید.

<script>
 document.write('Codeuni.Ir');
</script>

فراخوانی خارجی

در فراخوانی خارجی می توانید کد های JavaScript را به صورت فایل جداگانه و با فرمت js درون صفت src قرار دهید.

<script src="file.js"></script>

صفات تگ script

در این بخش با صفات تگ script آشنا خواهید شد.

صفت async

صفت async اشاره به کلمه asynchronous دارد و ترجمه آن به زبان فارسی نامتقارن می شود.

در صورت استفاده از فراخوانی خارجی، اسکریپت به صورت ناهمگام اجرا می شود.

<script src="file.js" async></srcipt>

صفت crossorigin

حالت درخواست HTTP CORS را مشخص می کند.

<script src="file.js" crossorigin="anonymous|use-credentials"></srcipt>

صفت defer

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

<script src="file.js" defer></srcipt>

صفت integrity

کدهای منبع را بررسی می کند تا دستکاری نشده باشد.

<script src="file.js" integrity="hash"></srcipt>

صفت nomodule

با استفاده از صفت nomodule می توان از اجرای اسکریپت در مرورگرهایی که از ماژول های ES2015 پشتیبانی می کنند جلوگیری کرد.

<script nomodule="True|False"></script>

صفت referrerpolicy

اطلاعات ارجاع دهنده هنگام فراخوانی اسکریپت را سازماندهی و ارسال می کند.

<script referrerpolicy="no-referrer-when-downgrade|no-referrer|same-origin|strict-origin-when-cross-origin|origin|origin-when-cross-origin|unsafe-url"></script>

no-referrer-when-downgrade

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

no-referrer

هیچ اطلاعاتی ارسال نمی شود.

same-origin

در صورتی که منبع یکسان باشد درخواست انجام می شود.

strict-origin-when-cross-origin

فقط برای درخواست هایی با منبع یکسان ارسال خواهد شد. اما در صورتی که مبدا HTTPS و مقصد HTTP باشد هیچ اطلاعاتی ارسال نمی شود.

origin

مبدا اصلی را ارسال می کند.

origin-when-cross-origin

فقط برای درخواست هایی با منبع یکسان ارسال خواهد شد. اما در صورتی که درخواست متقابل باشند مبدا اصلی را ارسال خواهد کرد.

unsafe-url

اطلاعات به صورت کامل ارسال خواهد شد.

صفت src

آدرس فایل اسکریپت جهت فراخوانی خارجی را مشخص می کند.

<script src="URL"></srcipt>

صفت type

نوع رسانه را مشخص می کند.

<script type="TYPE"></srcipt>

مثال تگ script

کد:

<script>
  document.write("CodeUni.Ir");
</script>

اجرا

سازگاری با مرورگرها

تگ script با مرورگرهای زیر سازگار است:

• گوگل کروم
• فایرفاکس
• اج
• اپرا
• سافاری
• گوگل کروم اندروید
• فایرفاکس اندروید
• اپرا اندروید
• سافاری iOS