این آموزش در تاریخ ۱۴۰۱/۰۲/۱۹ آپدیت شده است.
نحوه استفاده از دستورات JS در یک صفحه وب
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش نحوه استفاده از دستورات JS در یک صفحه وب با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
نحوه استفاده از دستورات JS در یک صفحه وب
خب ما از چندین روش میتونیم از دستورات زبان جاوااسکریپت در یک صفحه وب HTML استفاده نماییم ، که این روش ها به شرح زیر می باشند :
- استفاده از JS در درون یک صفحه وب ( روش داخلی )
- استفاده از JS در یک فایل مجزا و سپس فراخوانی در صفحه وب ( روش خارجی )
Free-Learn
استفاده از JS در درون یک صفحه وب ( روش داخلی )
همونطور که از اسم این روش مشخصه، ما میتونیم دستورات جاوااسکریپت مون رو در داخل خوده صفحه وب مون قرار بدیم، یعنی دیگه نه نیازه چیزی دانلود کنیم نه چیزی فراخوانی و.. فقط کافیه دستورات رو بزاریم تو صفحه وبمون تا اجرا بشن.
- حال یه سوال اینجاست؟ که دستورات رو باید دقیقا کجا بزاریم؟
آیا مثلا بین تگ Head یا مثلا تگ body یا درکل کجا باید بزاریم ، بطور کلی بخوام بگم همه جا میشه گذاشت ، یعنی داخل تگ head میشه گذاشت ، داخل تگ body هم میشه گذاشت.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html> <head> <script> دستورات جاوااسکریپت </script> </head> <body> <script> دستورات جاوااسکریپت </script> </body> </html> |
پس دیگه بدونید ۲ مکان اصلی برای قرار دادن دستورات جاوااسکریپت وجود داره :
- بین تگ head ( اول یا آخر head معمولا فرقی نمیکنه ) ( ولی خب برخی از کدها میبینی حتما باید ابتدای تگ head باشن تا اجرا بشن )
- بین تگ body ( معمولا و بیشتر آخرای body میزارن )
مثال شماره ۱ : استفاده از JS در تگ Head
|
1 2 3 4 5 6 7 |
<head> <script> document.write(" سلام خوبی؟ "); </script> </head> |
مثال شماره ۲ : استفاده از JS در تگ body
|
1 2 3 4 5 6 7 |
<body> <script> document.write(" سلام خوبی؟ "); </script> </body> |
Free-Learn
استفاده از JS در یک فایل مجزا ( روش خارجی )
خب اینکه دیگه مشخصه ، یعنی ما دستورات JS مون رو درون یک فایل بصورت مجزا قرار میدیم و با پسوند یا فرمت js. ذخیره میکنیم و همین میشه فایل مجزای خارجی ، به همین راحتی !
از هر نرم افزاری که برای کدنویسی استفاده میکنید فرقی نمیکنه، لطفا بازش کنید و یه فایل جدید ایجاد کنید، حال دستورات زیر رو درون فایل قرار بدهید ، ( حتی برنامه Notepad خوده ویندوز هم میشه، کافیه دستورات زیر رو درونش قرار بدید و با پسوند js. ذخیره نمایید )
|
1 2 3 |
document.write(" سلام خوبی؟ "); document.write(" <br> "); document.write(" به سایت آموزشی فری لرن خوش اومدی "); |
حالا لطفا فایل رو با فرمت ( یا پسوند ) js. ذخیره کنید.
حالا در ادامه باید این فایل رو درون صفحه وبمون فراخوانی کنیم، که برای اینکار باید بصورت زیر عمل کنیم :
|
1 |
<script src="مسیر فایل جاوااسکریپت"></script> |
مثال شماره ۱ : فراخوانی فایل مجزای JS در قسمت Head صفحه
|
1 2 3 4 5 |
<head> <script src="files/myfile.js"></script> </head> |
مثال شماره ۲ : فراخوانی فایل مجزای JS در قسمت Body صفحه
|
1 2 3 4 5 |
<body> <script src="files/myfile.js"></script> </body> |
توجه داشته باشید که برخی از کدهای جاوا اسکریپت حتما باید در قسمت head یا حتما باید در body قرار داشته باشند تا بتونن اجرا بشن . اینکه چه کدها یا دستوراتی به این شکل هستند مشخص نیست، لذا هرموقع لینک فایل مجزای جاوااسکریپت رو در قسمت head گذاشتید ولی عمل نکرد در قسمت body بزارید عمل میکنه و برعکس.
همیشه سعی کنید اولویت اول قرار گیری دستورات در قسمت body باشه ( باعث میشه سرعت لود صفحه بالاتر بره ) ولی خب با توجه به اون جریان ( که برخی کدها در body کار نمیکنن و باید در head باشند ) دیگه مجبوریم در head بزاریم.
