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

در این مقاله به شما می گوییم جاوا اسکریپت (جاوا اسکریپت) چیست، مثال هایی ارائه می دهیم و توضیح می دهیم که چرا در کدهای html به آن نیاز است. پاسخ هایی را خواهیم داد سوالات رایجوب مسترها

1. چیست جاوا اسکریپت سادهکلمات

جاوا اسکریپت (به روسی "جاوا اسکریپت"، به اختصار "JS") یک زبان برنامه نویسی است که در صفحات HTML به منظور ارتباط راحت با کاربر، مدیریت خطا و ایجاد پویایی صفحه به عنوان یک کل ساخته شده است.

جاوا اسکریپت یک زبان شی گرا و تفسیر شده است. مستقل از سیستم است (روی هر پلتفرمی کار می کند). کد JS اغلب اسکریپت نامیده می شود. می توانیم بگوییم که این زبان فقط برای برنامه نویسی وب "تخصصی" شده است.

نحو زبان از بسیاری جهات یادآور C و جاوا است، اما از نظر معنایی این زبان به Self، Smalltalk بسیار نزدیکتر است.

2. مشکلات حل شده توسط جاوا اسکریپت

• اعتبار سنجی فیلدهای فرم html (برچسب) قبل از ارسال به سرور
• پیام های اطلاعاتیبا هشدارها
• افکت هایی برای برجسته کردن عناصر و بخش های اصلی صفحه
• منوهای کشویی اصلی
• محاسبات ریاضی

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

3. چگونه جاوا اسکریپت را در مرورگر خود فعال کنیم

همه مرورگرها از جاوا اسکریپت پشتیبانی می کنند. به‌طور پیش‌فرض، جاوا اسکریپت باید قبلاً در مرورگرها فعال باشد، در غیر این صورت، دستورالعمل‌هایی در زیر آمده است مرورگرهای مختلفبا گنجاندن JS.

1. جاوا اسکریپت را در فایرفاکس فعال کنید 2. جاوا اسکریپت را فعال کنید گوگل کروم

"تنظیمات و مدیریت گوگل Chrome" -> "Options" -> "Advanced" -> "Personal Information (تنظیمات محتوا)" -> "JavaScript:" به همه سایت ها اجازه استفاده از جاوا اسکریپت (توصیه می شود) یا غیرفعال کردن اجرای جاوا اسکریپتدر تمام سایت ها

3. جاوا اسکریپت را در اپرا فعال کنید

کلید F12 را فشار دهید "Enable JavaScript" را انتخاب کنید

4. جاوا اسکریپت را فعال کنید اینترنت اکسپلورر

"ابزار" -> "گزینه های اینترنت" -> تب "امنیت" -> منطقه "اینترنت" -> دکمه "سایر" -> "اسکریپت ها" -> "مجاز اسکریپت ها" را انتخاب کنید.

4. مثال: نحوه درج جاوا اسکریپت در صفحه html

کد جاوا اسکریپت مستقیماً در کد html صفحه قرار می گیرد. برای برجسته کردن آن، از برچسب های ویژه استفاده کنید

کد جاوا اسکریپت

ویژگی type="text/javascript" مورد نیاز نیست، اما توصیه می شود.

می توانید از ‹script› در تگ های عنوان یا به سادگی در بدنه صفحه استفاده کنید.

نوشتن تگ های htmlبین تگ اسکریپت باز و بسته مجاز نیست. این مکان فقط برای کد جاوا اسکریپت است.

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

4.1. مثال 1: سلام، پیام پاپ آپ جهان

در زیر آمده است مثال htmlکدی که هنگام بارگیری صفحه، پیام پاپ آپ "Hello, World" را نمایش می دهد.

سلام، جهان در جاوا اسکریپت

مثال با Alert. یک پیام پاپ آپ نمایش داده خواهد شد

هشدار ("سلام، جهان!");

روی لینک کلیک کنید:

ارتباط دادن4.2. مثال 2. جایگزین با پردازش جاوا اسکریپت

در زیر یک نمونه آورده شده است کد htmlبا پردازش کد جاوا اسکریپت با استفاده از شناسه.

سلام، جهان در جاوا اسکریپت window.onload = function() ( var linkWithAlert = document.getElementById("check_link"); linkWithAlert.onclick = function() ( return confirm("پیوند را دنبال کنید؟"); ); );

روی لینک کلیک کنید:

ارتباط دادن4.3. مثال 3. تغییر رنگ یک شی در شناور

هنگامی که ماوس خود را روی مناطق خاصی می‌برید، رنگ آنها تغییر می‌کند. این کار از طریق جاوا اسکریپت انجام می شود. مثلا

کد برای این مثال:

قرمز سبز آبی

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

جاوا اسکریپت یک زبان برنامه نویسی است که به شما امکان می دهد اسکریپت هایی ایجاد کنید که در صفحات HTML تعبیه شده و در مرورگر بازدیدکننده صفحه اجرا شوند.

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

دستورات جاوا اسکریپت با استفاده از تگ به صفحات وب اضافه می شوند و اسکریپت اجرایی باید در پنجره Text CMS وردپرس وارد شود. در یک سند به تعداد دلخواه کانتینر وجود دارد. ویژگی "type='text/javascript" اختیاری است، زیرا پیش‌فرض جاوا اسکریپت است.

در اینجا یک مثال است:

سند write("متن خروجی با استفاده از دستور استاندارد جاوا اسکریپت.");

ویژگی نوع تگ به مرورگر می گوید که کدام دستورات زبان برنامه نویسی در مرحله بعدی قبل از تگ بسته شدن جاسازی می شوند.

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

جاوا اسکریپت به نظرات کوتاه اجازه می دهد - نظراتی که بیشتر از طول خط نیستند. هر چیزی بعد از دو کاراکتر // تا آخر خط یک نظر کوتاه خواهد بود. در اینجا دو نمونه از نظرات کوتاه آورده شده است:

// 1. دستور زیر پاراگراف را به صورت پررنگ نمایش می دهد
سند نوشتن(")؛

سند نوشتن( سلام دنیا!) // 2. خروجی به صورت مورب رشته Hello, World!

علاوه بر این، جاوا اسکریپت به نظرات چند خطی اجازه می دهد - نظراتی که چندین خط را در بر می گیرند. در اینجا نمونه ای از چنین اظهار نظری وجود دارد:

/*
دستور اول پاراگراف را به صورت پررنگ نمایش می دهد،
و دستور دوم پاراگراف را به صورت مورب نمایش می دهد
*/
سند نوشتن("

پاراگراف با فونت پررنگ نمایش داده می شود.

" ) سند نوشتن("

پاراگراف با حروف مورب نوشته شده است.

» );

توصیف تمام ویژگی های زبان جاوا اسکریپت در یک صفحه غیرممکن است؛ من فقط مهمترین ویژگی های زبان را به نظر من روی آن می نویسم.

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

اگر ویژگی src="… " مشخص شده باشد، محتویات تگ نادیده گرفته می شود، یعنی در یک برچسب اسکریپتشما نمی توانید به طور همزمان یک اسکریپت خارجی را متصل کنید و کد را مشخص کنید، بنابراین باید انتخاب کنید: اسکریپت یا حاوی src یا حاوی کد است. در صورت لزوم، ما به سادگی کد را به یک اسکریپت دیگر اضافه می کنیم.

راستی، نسخه های وردپرس 4.0 کد جاوا اسکریپت را در کد HTML صفحات شناسایی نمی کند و با پنهان کردن کد جاوا اسکریپت در پشت آن، آن را خراب می کند.