چطور فایل js در HTML قرار دارد؟
شامل جاوا اسکریپت در صفحه شما
از جمله جاوا اسکریپت در صفحه شما یک فرایند نسبتا ساده است.
اول، کد جاوا اسکریپت چیست؟
از سایت W3C مدارس:
جاوا اسکریپت برای افزودن تعامل به صفحات HTML طراحی شده است
جاوا اسکریپت یک زبان برنامه نویسی است
یک زبان برنامه نویسی یک زبان برنامه نویسی سبک وزن است
جاوا اسکریپت معمولا به طور مستقیم در صفحات HTML جاسازی شده است
جاوا اسکریپت یک زبان تفسیر شده (به این معنی است که اسکریپتها بدون ترکیب اولیه اجرا می شوند)
هر کسی می تواند جاوا اسکریپت را بدون خرید مجوز استفاده کند
شامل جاوا اسکریپت
شما می توانید جاوا اسکریپت را در HTML خود در دو روش جا بزنید:
نوشتن کد در HTML خود
از جمله آن به عنوان یک لینک به یک فایل خارجی است
برای اکثر موارد، شما جاوا اسکریپت را به عنوان یک فایل خارجی قرار خواهید داد.
برچسب اسکریپت
برچسب <script> همان چیزی است که ما برای جاوا اسکریپت خود استفاده می کنیم. این بسیار شبیه برچسب <link> است که شما قبلا برای استفاده از فایل های CSS خود استفاده کرده اید.
در اینجا یک قطعه بسیار ساده از جاوا اسکریپت با استفاده از برچسب اسکریپت است. این جاوا اسکریپت به طور مستقیم در صفحه HTML ما نوشته شده است. به محض بارگذاری صفحه، این جعبه را فراخوانی می کند و هشدار می دهد.
<script type = "text / javascript">
هشدار ("این جعبه هشدار با رویداد بارگیری نامیده می شود")؛
</ script>
هنگام استفاده از برچسب اسکریپت، ما همیشه باید از نام attribute و value type = "text / javascript" استفاده کنیم.
با استفاده از برچسب اسکریپت برای اضافه کردن یک فایل جاوا اسکریپت خارجی
برای اضافه کردن یک فایل جاوا اسکریپت خارجی، می توانیم برچسب اسکریپت را با attribute src استفاده کنیم. شما قبلا از ویژگی src در هنگام استفاده از تصاویر استفاده کرده اید. مقدار برای ویژگی src باید مسیر فایل جاوا اسکریپت شما باشد.
<script type = "text / javascript" src = "path to javascript-file.js"> </ script>
این برچسب اسکریپت باید بین تگ <head> در سند HTML شما شامل شود.
فایل های جاوا
فایل های جاوا اسکریپت فایل های HTML یا فایل های CSS نیستند.
همیشه با فرمت js پایان دهید
فقط شامل جاوا اسکریپت هست
معمولا فایلهای جاوا اسکریپت را در یک پوشه به نام js در وبسایت قرار دهید، مانند:
یک تصویر از پوشه js
نسخه ی نمایشی ساده از جمله جاوا اسکریپت
در اینجا یک تظاهرات بسیار ساده برای چگونگی اضافه کردن یک فایل جاوااسکریو خارجی به یک صفحه HTML نشان داده شده است.
مثال پایه جاوااسکریپت
جاوا اسکریپت دیگر
برای این کلاس انتظار نمی رود که کد جاوا اسکریپت واقعی را بنویسید. خوشبختانه برای شما، بسیاری از افراد قبلا بسیاری از جاوا اسکریپت را نوشته و حتی اجازه استفاده از آن را به صورت رایگان می دانند.
قاب جاوا اسکریپت
چارچوب اساسا یک کتابخانه از کد برای یک زبان خاص است. به طور کلی چارچوب کارهای رایج را خلاصه می کند و طراحان و برنامه نویسان را برای ارسال کد خاص خود آسان تر می کند. چارچوب ها هرگز توسط خودشان انجام نمی دهند، آنها فقط یک پلتفرم ساده تر برای افرادی که در حال ساخت هستند فراهم می کنند.
چارچوب جاوااسکریو مشترک:
jQuery
نمونه اولیه
MooTools
script.aculo.us
از این چارچوب ها، JQuery در حال حاضر یکی از محبوب ترین هاست. این نیز یکی از مواردی است که دوست دارید مواجه شوید که به عنوان یک کلمه وزوزی استفاده می شود.
اندازه فایل جاوا اسکریپت
بسیاری از فایلهای جاوا اسکریپت می توانند نسبتا بزرگ باشند، که می تواند زمان بارگذاری صفحه شما را کاهش دهد. چارچوب محبوب معمولا یک نسخه "minified" از کد خود را ارائه می دهند. شما همیشه باید از این نسخه در صفحات خود استفاده کنید چون حجم فایل کوچکتر است.
