انصار میرزایی
انصار میرزایی
خواندن ۲ دقیقه·۳ سال پیش

سلام، دنیا!

توی این مقاله میخواییم در مورد خود زبان جاوا اسکریپت (core JavaScript) حرف بزنیم

ما به یک محیط کاری برای اجرای اسکریپت های خودمون نیاز داریم و از اونجایی که این یه مقاله ی آنلاین هستش،خود مرورگر انتخاب خوبیه.اما استفاده از این دستورات خاص مرورگر "مانند ()alert " رو به حداقل میرسونیم تا اگه قصد دارید روی محیط دیگه ای (مانند Node.js) تمرکز کنید، وقت خودتون رو برای اونها صرف نکنید. توی پست های بعدی حتما روی جاوا اسکریپت در مرورگر متمرکز میشیم.

پس برای شروع، بیایید ببینیم چطوری یه اسکریپت رو به یک صفحه وب متصل می کنیم. برای محیط های سمت سرور (مانند Node.js)، می تونید اسکریپت رو با دستوری مانند "node my.js" اجرا کنید.در رابطه با node بعدا مفصل حرف خواهیم زد.

برچسب script

برنامه های جاوا اسکریپت رو میشه تقریباً در هر جایی از یک سند HTML با استفاده از تگ وارد کرد. برای مثال:

index.html

<!DOCTYPE HTML>
<html>
      <body>
           <p>Before the script...</p>
             
                 alert( 'Hello, world!' );
           
           <p>After the script...</p>
       </body>
</html>

می‌تونید مثال بالا رو داخل یک فایل به نام دلخواه مثلا index.html بریزید و بعد ذخیره و اجرا کنید.فایل ها با فرمت html بصورت پیشفرض توسط مرورگر اجرا میشن. و یا به صورت آنلاین تست کنید

تگ حاوی کد جاوا اسکریپت هست که زمانی که مرورگر تگ رو پردازش می کنه به طور خودکار اجرا می شه.

اسکریپت های خارجی "External scripts"

اگه کد جاوا اسکریپت زیادی داریم، می تونیم اون رو توی یک فایل جداگانه قرار بدیم.

فایل های اسکریپت با ویژگی src به HTML پیوست می شن:

<script src=&quot/path/to/script.js&quot>

در اینجا، /path/to/script.js یک مسیر مطلق به اسکریپت از ریشه سایت است. ولی می تونیم یک مسیر نسبی از صفحه فعلی در نظر بگیریم. برای مثال، "src="script.js ، درست مثل "src="./script.js به معنای فایل "script.js" در پوشه فعلی است. به این مثال دقت کنید

همچنین می تونیم یک URL کامل نیز بدیم. برای مثال:

<script src=&quothttps://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js&quot>


برای پیوست کردن چندین اسکریپت هم، از چندین تگ میتونیم استفاده کنیم

<script src=&quot/js/script1.js&quot>
<script src=&quot/js/script2.js&quot>

نکته: اگه src تنظیم شده باشه، محتوای اسکریپت دیگه نادیده گرفته میشه.

<script src=&quotfile.js&quot>
     alert(1); // این قسمت نادیده گرفته میشه و اصلا اجرا نمیشه

ما باید یک < ...=script src> خارجی یا یک معمولی با کد رو انتخاب کنیم.

مثال بالا رو میشه برای کار کردن صحیح به دو اسکریپت تقسیم کرد:

<script src=&quotfile.js&quot>
     alert(1);

خیلی ممنون که تا اینجا اومدی و سعی کردی به دنیا سلام بدی

اگه چیزی بود که من اشتباه متوجه شدم حتما بهم بگو تا کنار هم یاد بگیریم ?

منبع :javascript.info

javascripthelloworldجاوااسکریپتecmascript
شاید از این پست‌ها خوشتان بیاید