نحوه استفاده از دستورات JS در یک صفحه وب

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

نحوه استفاده از دستورات JS در یک صفحه وب

Free-Learn

نحوه استفاده از دستورات JS در یک صفحه وب

خب ما از چندین روش میتونیم از دستورات زبان جاوااسکریپت در یک صفحه وب HTML استفاده نماییم ، که این روش ها به شرح زیر می باشند :

  • استفاده از JS در درون یک صفحه وب ( روش داخلی )
  • استفاده از JS در یک فایل مجزا و سپس فراخوانی در صفحه وب ( روش خارجی )

Free-Learn

استفاده از JS در درون یک صفحه وب ( روش داخلی )

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

حال یه سوال اینجاست؟ که دستورات رو باید دقیقا کجا بزاریم؟

آیا مثلا بین تگ Head یا مثلا تگ body یا درکل کجا باید بزاریم ، بطور کلی بخوام بگم همه جا میشه گذاشت ، یعنی بعد از تگ head میشه گذاشت ، بعد از تگ body هم میشه گذاشت.

پس دیگه بدونید ۲ مکان اصلی برای قرار دادن دستورات جاوااسکریپت وجود داره :

  • بین تگ head ( اول یا آخر head معمولا فرقی نمیکنه ) ( ولی خب برخی از کدها میبینی حتما باید ابتدای head باشن تا اجرا بشن )
  • بین تگ body ( معمولا و بیشتر آخرای body میزارن )

مثال شماره ۱ : استفاده از JS در تگ Head

امتحان کنید

مثال شماره ۲ : استفاده از JS در تگ body

امتحان کنید

Free-Learn

استفاده از JS در یک فایل مجزا ( روش خارجی )

خب اینکه دیگه مشخصه ، یعنی ما دستورات JS مون رو درون یک فایل بصورت مجزا قرار میدیم و با فرمت js. ذخیره میکنیم و همین میشه فایل مجزای خارجی – به همین راحتی !

از هر نرم افزاری که برای کدنویسی استفاده میکنید، لطفا بازش کنید و یه فایل جدید ایجاد کنید، حال دستورات زیر رو درون فایل قرار بدهید ، ( حتی برنامه Notepad خوده ویندوز هم میشه، کافیه دستورات زیر رو درونش قرار بدید و با پسوند js. ذخیره نمایید )

حالا لطفا فایل رو با فرمت ( یا پسوند ) js. ذخیره کنید.

حال در ادامه باید این فایل رو درون صفحه وبمون فراخوانی کنیم، که برای اینکار باید بصورت زیر عمل کنیم :

 

مثال شماره ۱ : فراخوانی فایل مجزای JS در قسمت Head صفحه

امتحان کنید

مثال شماره ۲ : فراخوانی فایل مجزای JS در قسمت Body صفحه

امتحان کنید

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

همیشه سعی کنید اولویت اول قرار گیری دستورات در قسمت body باشه ( باعث میشه سرعت لود صفحه بالاتر بره ) ولی خب با توجه به اون جریان ( که برخی کدها در body کار نمیکنن و باید در head باشند ) دیگه باید در head گذاشت.

Free-Learn

فروشگاه فری لرن
دریافت PDF یا پرینت این مطلب