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

اگه دوست داری رایگان جاوا اسکریپت رو کامل و پروژه محور یاد بگیری: آموزش رایگان جاوا اسکریپت

نصب جاوا اسکریپت بر روی مرورگر

نصب جاوا اسکریپت بر روی مرورگر یکی از کارهایی است که افراد برای اجرای اسکریپت های جاوا اسکریپت باید انجام دهند.اگر مرورگر شما کد های جاوا اسکریپت را نشناسد شما نمی توانید به درستی با وب سایت کار کنید و حتی گاها وب سایت به درستی نمایش داده نمی شود! ممکن است شما هم با این پیغام مواجه شده باشید: ” برای اجرای این برنامه لطفا جاوا اسکریپت دستگاه خود را فعال کنید “. راه حل این مشکل نصب برنامه جاوا اسکریپت در مرورگر شماست.

در واقع برای تنظیم این که مرورگر مورد نظر ما کد های جاوا اسکریپتی را بشناسد یا نه، باید جاوا اسکریپت را در آن مرورگر فعال یا غیر فعال کنیم. اگرچه در حال حاضر جاوا اسکریپت روی تمامی مرورگرهای اینترنتی نصب شده و به صورت پیشفرض فعال هستند. با این حال ممکن است برای یک مرورگر این قابلیت غیرفعال باشد و شما نیاز به فعالسازی مجدد آن داشته باشید. در ادامه‌ آموزش نصب جاوا اسکریپت بر روی مرورگر را برای شما ارائه می دهیم.

نصب جاوا اسکریپت و فعال کردن آن در کروم

برای فعال كردن جاوا اسكريپت در کروم شما باید اقدامات زیر را انجام دهید:

• برای فعال سازی جاوا اسکریپت کروم ابتدا باید از طریق منوی Customize and control Google Chrome وارد Setting شوید:

• سپس در صفحه ای که برای Setting برایتان باز می شود، به قسمت Privacy and security مراجعه کنید:

• از این قسمت وارد بخش Site Setting شوید و سپس در صفحه ای برایتان باز می شود به قسمت Content مراجعه کرده و سپس منوی JavaScript را انتخاب کنید:

• اگر در این قسمت وارد بخش JavaScript شوید، به صفحه زیر هدایت خواهید شد:

• حال به همین راحتی می توانید فعال سازی جاوا اسکریپت کروم را انجام دهید.

نصب جاوا اسکریپت و فعال کردن آن فایرفاکس

برای نصب جاوا اسکریپت فایرفاکس یا همان

فعال كردن javascript روی این مرورگر شما باید زیر را طی کنید:

• ابتدا مرورگر فایر فاکس را باز کنید.
• در قسمت آدرس بار، عبارت about:config را تایپ کرده و اینتر را بزنید.

• در پنجره‌ی نمایش داده شده، روی دکمه‌ی Accept the Risk and Continue در وسط صفحه کلیک کنید.

• در فیلد متنی سرچ، عبارت  javascript.enabled را تایپ کنید.

• در نتایج سرچ عبارت بالا، آیکن   در سمت راست ظاهر می‌شود. رو به روی این آیکن، عبارت true یا False نوشته شده است. عبارت true به معنای فعال بودن جاوا اسکریپت و false غیرفعال بودن آن را نشان می‌دهد. با زدن روی این آیکن و انتخاب گزینه‌ی true می‌توانید نصب جاوا اسکریپت فایرفاکس را کامل کنید.

نصب جاوا اسکریپت و فعال سازی آن در Microsoft Edge

نصب برنامه جاوا اسکریپت Microsoft Edge هم مثل فایرفاکس کار راحتی است. برای این کار کافی است مراحل زیر را انجام دهید:

• Microsoft Edge را باز کنید.
• در سمت راست قسمت بالای صفحه، روی آیکن سه نقطه  کلیک کنید.
• در قسمت پنجره‌ی باز شده، روی دکمه‌ی setting بزنید.

• در سمت چپ صفحه‌ای که باز می‌شود، گزینه‌ی Site permissions را انتخاب کنید.

• در زیر سکشن Site permissions، روی باکس با عنوان جاوا اسکریپت کلیک کنید.

• حال در صفحه‌ی باز شده، گزینه‌ی مربوط به allowed را به حالت فعال ببرید تا مراحل نصب جاوا اسکریپت Microsoft Edge کامل شود.

نکته: در نسخه‌ی ویندوز 10 Microsoft Edge، جاوا اسکریپت به صورت پیشفرض فعال است و شما نیازی نصب آن ندارید.

نصب جاوا اسکرپیت و فعالسازی آن Internet Explorer

نصب جاوا اسکرپیت Internet Explorer به شما امکان می‌دهد که تمام اسکریپت‌ها را روی این مرورگر اجرا کنید. برای این کار کافی است مراحل زیر را طی کنید.

• در منوی مرورگر روی آیکون tools در گوشه‌ی سمت راست بالا کلیک کنید و سپس گزینه‌ی Internet Options را انتخاب کنید.

• در پنجره باز شده وارد تب Security شوید.
• در این بخش اول بررسی کنید که اینترنت به عنوان zone انتخاب شده و بعد در قسمت پایین روی دکمه‌ی Custom level کلیک کنید.

• پنجره‌ی باز شده Security Settings – Internet Zone نام داره و شما باید سکشن Scripting را داخل اون فعال کنید.

• با فعال کردن این دکمه یک پنجره‌ی Warning برای شما باز میشه که می‌پرسه برای انجام این کار اطمینان دارید یا نه. شما باید yes را انتخاب کنید.
• حالا با زدن دکمه‌ی ok این پنجره را ببندید.
• در صفحه‌ی اصلی مرورگر آیکن رفرش را بزنید تا مرورگر صفحه را رفرش کنه.

نصب جاوا اسکریپت و فعال سازی آن در Safari

برای نصب جاوا اسکریپت در مرورگر Safari نسخه‌ی سیستم عامل مک، شما باید مراحل زیر را طی کنید:

• Safari را باز کنید.
• در منو بار روی دکمه‌ی Safari کلیک کرده و Preferences را انتخاب کنید.

• در تب Security مقابل نوشته‌ی Web content چک باکسی تحت عنوان Enable JavaScript وجود دارد که باید آن را فعال کنید.

نصب جاوا اسکریپت و فعال سازی آن در Opera

برای نصب برنامه جاوا اسکریپت Opera شما باید مراحل زیر را طی کنید:

• اپرا را باز کنید. روی گزینه‌ Customize and control Opera در قسمت بالای سمت چپ مرورگر کلیک کنید.
• از منوی باز شده گزینه‌ی Settings را انتخاب کنید.

• در سمت چپ صفحه روی گزینه‌ی Privacy and security کلیک کنید.

• در پنجره‌ی باز شده روی Site Settings کلیک کنید.

• در این صفحه شما باید سکشن JavaScript  را بزنید.

• برای فعال کردن JavaScript  شما باید چک باکس را به حالت on یا روشن ببرید و برای غیرفعال کردن JavaScript  چک باکس را خاموش کنید.

دیگر روش های نصب جاوا اسکریپت

3 روش برای دانلود و نصب جاوا اسکریپت وجود دارد که در اصطلاح به آن ها inline، internal و external گفته می شود که از بین آن ها عمدتا از روش های internal و external استفاده می شود. 

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

1. روش internal (داخلی)
2. روش external (خارجی)
3. روش inline (داخل خطی)

اگه دوست داری رایگان جاوا اسکریپت رو کامل و پروژه محور یاد بگیری: آموزش رایگان جاوا اسکریپت

1. روش Internal نصب جاوا اسکریپت 

کلمه Internal به معنی “داخلی” است. به این معنی که ما برای استفاده از کدهای جاوا اسکریپت، کد ها را داخل خود صفحه Html می نویسیم.

همان طور که قبلا Css را در صفحه Html داخل تگ های Style می نوشتیم، برای نوشتن کد های جاوا اسکریپت به صورت internal نیز از تگ script استفاده می شود.

به عنوان مثال قصد داریم جمله “به سایت سبزلرن خوش آمدید” را به کمک جاوا اسکریپت به کاربر های وب سایت نمایش دهیم.

اگر بخواهیم به شکل Internal از جاوا اسکریپت استفاده کنیم، به شکل زیر خواهد بود (برای نمایش پیغام در جاوا اسکریپت از متد alert استفاده می شود که در کد زیر خواهید داد):

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<script>
alert('به وب سایت سبزلرن خود آمدید')
</script>
</body>
</html>

همان طور که مشاهده می کنید، انتهای تگ body یک تگ script را باز کرده و داخل آن کد های جاوا اسکریپتی مورد نظرمان را می نویسیم.

اگر همین کدها را در یک فایل Html ذخیره کرده و آن را اجرا کنیم، بدون هیچ خطایی خواهیم دید که متن مورد نظر را به ما نمایش می دهد.

اما شاید برایتان سوال باشد که قبلا فایل های Css را داخل تگ head لینک می کردیم، چرا کد جاوا اسکریپت را انتهای body نوشتیم!

عجله نکنید. در انتهای مقاله به این موضوع هم خواهیم پرداخت و علت این موضوع رو به صورت مفصل برای شما خواهم گفت.

2. روش External نصب جاوا اسکریپت 

در این بخش از آموزش نصب جاوا اسکریپت به بررسی روش نصب اکسترنال جاوا اسکریپت می پردازیم.کلمه External به معنی “خارجی” است. به این معنی که ما برای استفاده از کد های جاوا اسکریپت، آن ها را داخل صفحه Html نمی نویسیم. بلکه آن ها را خارج از فایل Html داخل یک فایل جاوا اسکریپتی نوشته و سپس فایل را به صفحه Html خود لینک می کنیم.

دقیقا مثل زمانی که کد های Css خود را داخل فایلی مثل style.css می نوشتیم و آن را به کمک تگ link به صفحه html خود لینک می کردیم، برای لینک کردن جاوا اسکریپت هم از تگ script استفاده می کنیم.

اما نکته قابل توجه اینجاست که فایل های جاوا اسکریپتی را با فرمت js ذخیره می کنیم.

پس یک فایل به اسم script.js ایجاد کرده و سپس همان کد alert را داخل آن می نویسیم: 

alert('به وب سایت سبزلرن خود آمدید')

تا این قسمت یک فایل جاوا اسکریپت ایجاد کرده و داخل آن یک خط کد نوشتیم. حال نوبت آن است که این فایل را به فایل Html خود لینک کنیم.

برای لینک کردن یک فایل External جاوا اسکریپت از روش زیر استفاده می شود:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<script src="script.js"></script>
</body>
</html>

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

نکته بعدی این است که هنگام لینک کردن فایل های Css به کمک تگ link، برای آدرس دهی آن ها از اتربیوت (صفت) href استفاده می کردیم، اما در تگ script خبری از href نیست و برای آدرس دهی فایل های جاوا اسکریپت از اتربیوت src استفاده می کنیم.

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

برای لینک کردن هر فایل جاوا اسکریپت، باید یک تگ script داشته باشیم و نمی توانیم همه آن ها را با یک تگ script لینک کنیم.

به کد زیر توجه کنید:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<script src="script.js"></script>
<script src="about.js"></script>
<script src="contact.js"></script>
</body>
</html>

همان طور که مشاهده می کنید، 3 فایل script، about و contact را به صفحه Html خود لینک کردیم.

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

به عنوان مثال اگر فایل جاوا اسکریپتی ما داخل یک پوشه ای به اسم codes قرار بگیرند، هنگاام لینک کردن از آدرس زیر استفاده می کنیم:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<script src="codes/script.js"></script>
</body>
</html>

همان طور که مشاهده می کنید، برای لینک کردن فایل Script.js ابتدا داخل فولدر codes شدیم و سپس اسم فایل را فراخوانی کردیم.

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

فرض کنید فایل جاوا اسکریپتی ما یک پوشه خارج از پوشه فعلی قرار دارد. برای لینک کردن آن به شکل زیر عمل می کنیم:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<script src="../script.js"></script>
</body>
</html>

به همین راحتی.

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

چرا فایل های js انتهای body لینک می شوند؟ 

همان طور که در روش های Internal و External مشاهده کردید، در هر دو روش کد های جاوا اسکریپتی را در انتهای تگ body پیاده سازی کردیم. شاید برایتان سوال باشد این یک اجبار است که کد های جاوا اسکریپت همیشه باید انتهای body نوشته شوند یا می توان آن ها را در قسمت های دیگر صفحه Html هم نوشت و لینک کرد!

شما کد های جاوا اسکریپتی را در هر کجا صفحه Html که بنویسید، در همان قسمت برایتان اجرا می شود. به عنوان مثال شما می توانید یک پیغام دلخواه را در هر جای صفحه Html به شکل Internal بنویسید. 

این نکته را به یاد داشته باشید که کد های نوشته شده خط به خط اجرا می شوند. یعنی ابتدا خط 1 و سپس 2 و سپس 3 و … و تا زمانی که خط 4 اجرا نشده، خط 9 به هیچ وجه اجرا نمی شود.

حال فرض کنید قصد داشته باشیم در یک فایل جاوا اسکریپت به اسم script.js قصد داشته باشیم با یک المنت h1 سر و کار داشته باشیم. اگر فایل script را در head لینک کنیم، ابتدا کد های جاوا اسکریپت لود شده و سپس ارد body می شود و تگ h1 را لود می کند.

خب وقتی تگ h1 بعد از فایل script.js تعریف شده، نمی توانیم داخل script.js به آن دسترسی داشته باشیم و با خطا مواجه خواهیم شد.

برای درک بهتر به کد زیر توجه کنید:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="script.js"></script>
<title>SabzLearn</title>
</head>
<body>

<h1>SabzLearn</h1>

</body>
</html>

همان طور که مشاهده می کنید فایل scrit.js را در خط 6 لینک کرده و تگ h1 را در خط 11 تعریف کردیم. بنا به ترتیب اجرا شدن کد ها، ابتدا خط 6 اجرا شده و خط 11 بعد از آن اجرا می شود. به این ترتیب اگر ما در خط 6 داخل فایل script.js قصد داشته باشیم با تگ h1 کار کنیم، چون هنوز همچین تگی تعریف نشده، با خطا مواجه می شویم.

پس در نتیجه همیشه سعی کنید کد های جاوا اسکریپت مورد نیازتان را انتهای تگ body بنویسید که اگر قصد کار با تگ های Html را داخل فایل script.js داشتید، با مشکلی مواجه نشوید.

3. روش inline نصب جاوا اسکریپت 

کلمه Inline به معنی “داخل خط” است. یعنی ما کد های جاوا اسکریپت مورد نیاز را داخل هر خط از کد های Html می نویسیم.

به عنوان مثال فرض کنید قصد داریم برای یک تگ h1 رویداد onclick تعریف کنیم که اگر کاربر روی h1 مورد نظر ما کلیک کرد، یک پیغام به کاربر نمایش داده شود.

اگر بخواهیم همچین عملکردی را به روش inline پیاده سازی کنیم، به شکل زیر عمل می کنیم:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SabzLearn</title>
</head>
<body>

<h1 onclick="alert('به سبزلرن خوش آمدید')">SabzLearn</h1>

</body>
</html>

همان طور که مشاهده می کنید، بدون استفاده از روش های Internal و External برای المنت h1 رویداد click تعریف کردیم و اگر روی این تگ کلیک شود، متن “به سبزلرن خوش آمدید” برای کاربر نمایش داده می شود.

اما موضوع مهم این است که برای هر کار دلخواهی نمی توان از روش Inline استفاده کرد و روش Inline یکی از روش های استفاده از جاوا اسکریپت است که فقط برای تعریف رویداد های مختلف استفاده می شود.

بهترین روش برای نصب جاوااسکریپت کدام است؟

در قسمت های قبلی مقاله با روش های Inline، Internal و External نصب جاوا اسکریپت آشنا شدیم. روش Inline را فاکتور می گیریم. چون همان طور که گفته شد از لحاظ استفاده از جاوا اسکریپت محدود هستیم.

اما واقعا از بین روش های Internal و External کدام یک را باید انتخاب کنیم؟

زمانی که کاربر برای اولین بار وارد وب سایت شما می شود، تمام فایل های اکسترنال وب سایت برای کاربر دانلود می شوند تا در مرورگر اجرا شوند. این فایل های اکسترنال بعد از دانلود شدن، در قسمتی از مرورگر به نام Cache ذخیره می شوند و اگر کاربر برای بار دوم وارد وب سایت شوند، فایل های اکسترنال دانلود نمی شوند و از همان cache برای کاربر اجرا می شوند.

در واقع این عمل باعث افزایش سرعت وب سایت می شود. چون کاربر منتظر دانلود شدن فایل های اکسترنال نمی ماند و همچنین اینترنتی برای دانلود آن ها مصرف نمی شود.

اما این عمل در روش Internal وجود ندارد. یعنی کد هایی که به شکل Internal می نویسید، به هیچ وجه در مرورگر کاربر ذخیره نمی شوند و  هر بار که کاربر وارد وب سایت شما می شود، باید منتظر لود شدن کد های Internal بمانند.

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

نصب جاوا اسکریپت در اندروید

برای نصب جاوا اسکریپت اندروید نیز شما نیاز به دسترسی به تنظیمات مرورگر اندروید دارید. برای این کار مراحل زیر را انجام دهید:

• گوگل کروم را باز کنید.

• در گوشه‌ی بالای سمت راست مرورگر روی آیکن سه نقطه  بزنید.

• در منوی دراپ داون ظاهر شده، گزینه‌ی setting را انتخاب کنید.

• در سکشن Advanced روی Site settings بزنید.
• جاوا اسکریپت را انتخاب کنید.

• گزینه‌ی جاوا اسکریپت را در این قسمت فعال کنید.

نصب کردن جاوا اسکریپت در ios

برای نصب کردن جاوا اسکریپت ios یعنی در مرورگر Safari نسخه‌ی سیستم عامل ios، شما باید مراحل زیر را طی کنید:

• در قسمتhome روی setting یعنی آیکن  بزنید.
• در صفحه‌ی تنظیمات به سمت پایین اسکرول کنید و روی safari بزنید.
• در صفحه‌ی safari به سمت پایین اسکرول کرده و گزینه‌ی Advanced  را انتخاب کنید.
• در این صفحه قسمتی تحت عنوان جاوا اسکریپت وجود دارد که می‌توانید با گزینه‌ی on و off آن را فعال یا غیرفعال کنید.

سخن پایانی، نصب 

جاوا اسکرپیت یک زبان فرانت اند است که در اغلب مرورگرها قابلیت اجرا دارد. این برنامه پرکاربرد باید به شیوه ای خاص روی سیستم نصب شود. سه روش برای این کار وجود دارد که هر کدام به شکلی متفاوت دانلود و نصب جاوا اسکریپت را انجام می دهند. در این مقاله سعی کردیم روش های مختلف نصب جاوا اسکریپت در پروژه های وب و فعال کردن آن در مرورگر های مختلف را به شما آموزش دهیم.

در ضمن اگر نیاز به آموزش رایگان جاوا اسکریپت داری، حتما دوره رایگان و پروژه محور آموزش جاوا اسکرپیت سبزلرن رو یه نگاه بنداز. پشیمون نمیشی 🙂

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

سوالات متداول

• آیا امکان نصب جاوا اسکریپت اندروید روی تمامی مرورگرهای این سیستم عامل وجود دارد؟

بله شما می‌توانید جاوا اسکریپت را روی مرورگر خود اندروید، کروم یا هر مرورگر دیگری در این سیستم عامل فعال کنید.

• برای فعال سازی جاوا اسکریپت به چه چیز نیاز داریم؟

جاوا اسکریپت یک زبان سمت کلاینت است؛ یعنی کدهای آن در مرورگر اجرا می‌شوند و برای فعال سازی آن نیازی به نصب هیچ برنامه‌ی اضافه‌ای در سرور ندارید. البته در مواردی این استثنا وجود دارد که سرور نیاز به نصب node.js داشته باشد.

• در سیستم عامل لینوکس اوبونتو چگونه جاوا اسکریپت را نصب کنیم؟

1. ابتدا ترمینال را باز کنید یا اینکه Ctrl + Alt + T را فشار دهید.
2. شما باید node.js را نصب کنید. برای این کار کافی است عبارت  sudo apt install nodejs را در ترمینال بنویسید.
3. پس از نصب جاوا اسکریپت لینوکس، شما می‌توانید با این دستور نسخه‌ی نصب شده را بررسی کنید: node -v or node –versio

• آیا نصب و اجرای جاوا اسکریپت رایگان است؟

بله یکی از بزرگترین مزایای برنامه جاوا اسکریپت این است که کاملا رایگان بوده و هر کسی می‌تواند بدون پرداخت هزینه از آن استفاده کند.

• آیا با جاوا اسکریپت می‌توان فایل ساخت؟

بله شما می‌توانید با این زبان به راحتی یک فایل را داخل مرورگر خود بسازید و حتی به کاربران اجازه دهید تا آن را دانلود کنند. حتی این امکان وجود دارد که برای فایل خود نام و نوع mime مناسب انتخاب کنید. شاید برایتان جالب باشد بدانید برای اینکار شما تنها نیاز به چند خط کد دارید