طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

طراحی سایت فروشگاهی شخصی تجاری در بابل

طراحی حرفه ای سایت وب سازان شمال در بابل با پشتیبانی 24 ساعته و سئو بالا با متد gtmetrix

طراحی سایت فروشگاهی شخصی تجاری در بابل

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

چطور فایل 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" از کد خود را ارائه می دهند. شما همیشه باید از این نسخه در صفحات خود استفاده کنید چون حجم فایل کوچکتر است.

نظرات  (۰)

هيچ نظري هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی