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

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

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

Free-Learn

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

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

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

Free-Learn

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

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

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

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

ولی خب شما دیگه هرجایی نزارید و طبق استاندارد جهانی عمل کنید، استاندارد جهانی میگه ۲ مکان برای قرار دادن دستورات جاوااسکریپت وجود داره :

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

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

امتحان کنید

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

امتحان کنید

Free-Learn

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

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

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

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

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

 

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

امتحان کنید

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

امتحان کنید

Free-Learn

دریافت PDF یا پرینت این مطلب