JavaScript-ga kirish. JavaScript nima va nima uchun JavaScript-ning ko'lami va dasturlari misollari kerak

Ushbu maqolada, biz sizga Javascript (Java yozuvi) nima ekanligini aytib beramiz, biz misollar keltiramiz, nima uchun HTML kodida kerakligini tushuntiramiz. Keling, mashhur veb-ustalar savollariga javob beraylik.

1. JavaScript oddiy so'zlari nima

JavaScript. (Rus tilida "Java Script", "JS" qisqartirilgan "JS") - foydalanuvchi bilan aloqa qilish va umuman dinamik sahifani yaratish uchun dasturlash tili.

JavaScript - bu ob'ektga yo'naltirilgan va izohlangan til. Bu tizimli ravishda mustaqil (har qanday platformalarda ishlaydi). Ko'pincha JS kodi skript deb ataladi. Aytish mumkinki, bu til faqat veb-dasturlash uchun "o'tkirlash".

Til sintaksisi asosan Si va Javani eslatadi, semantik til o'z-o'zidan, kichik kuchga yaqinroq.

2. Vazifalar JavaScript

• HTML shakllarini tekshirish (yorliq)
  ) ular serverga o'tkazilishidan oldin
• Axborot xabarlari ogohlantirishlar
• Sahifaning asosiy elementlari va qismlarini ajratib ko'rsatish uchun effektlar
• Asl ochiladigan menyu
• Matematik hisob-kitoblar

Odatda JavaScript Temiders-ni yarating. Siz shuningdek tarkibni AJAXga chiqish orqali namoyish qilishingiz mumkin, u sayt sahifasining keraksiz yoki takroriy elementlaridan yashirishga imkon beradi. Ushbu kodlarni yangi kelganlar tushunmaydi, chunki Ular juda murakkab.

3. Brauzerda JavaScript qo'llab-quvvatlashini qanday yoqish kerak

Barcha brauzerlar JavaScript-ni qo'llab-quvvatlaydi. Odatiy bo'lib, Java Script allaqachon brauzerlarga kiritilishi kerak, agar yo'q bo'lsa, turli brauzerlar uchun JSlarni yoqish uchun ko'rsatmalar mavjud.

1. Firefox-da JavaScript-ni yoqing 2. Google Chrome-da JavaScript-ni yoqing

"Google Crome-ni sozlash va boshqarish" -\u003e "Kengaytirilgan" -\u003e Kengaytirilgan "-\u003e" JavaScript: "Barcha saytlarda JavaScript (tavsiya etilgan) yoki" JavaScript "ni ishlatishga ruxsat bering

3. Operadagi JavaScript-ni yoqing

F12 tugmachasini bosing "JavaScript-ni yoqing"

4. Internet Explorer-da JavaScript-ni yoqing

"Xizmat" -\u003e "Kuzatuvchi xususiyatlari" -\u003e Xavfsizlik yorlig'i -\u003e Internet "zonasi -\u003e" Boshqa "tugmasini -\u003e" Stsenariylar "-\u003e" Stsenariylar "ni tanlang.

4. Misol: HTML sahifasida JavaScript-ni qanday kiritish kerak

JavaScript kodi to'g'ridan-to'g'ri HTML sahifa kodiga mos keladi. Uni taqsimlash uchun maxsus teglar

Атрибут type="text/javascript" указывать не обязательно, но желательно.

Использовать <script> sarlavha teglarida bo'lishi mumkin va faqat sahifaning tanasida .

Skriptning ochilishi va yopilishi va yopilish yorlig'i orasidagi HTML teglarini yozish taqiqlanadi. Bu joy JavaScript-dagi kod uchun.

Xuddi shu sahifada bir xil JavaScriptni takrorlamaslik uchun, odatda u ".JS" uzaytirilishi bilan alohida faylda olib boriladi. Ushbu fayl HTML sahifasida har qanday joyda ulanishi mumkin.

4.1. Пример 1. Всплывающие сообщение Hello, World

Ниже представлен пример html код, который при загрузке страницы выводит всплывающее сообщение "Hello, World".

Пример с Alert. Будет выведено всплывающие сообщение

Нажмите на ссылку:

Перейти по ссылке? ");">Ссылка

4.2. Пример 2. Альтернатива с обработкой javascript

Ниже представлен пример html кода с обработкой кода JavaScript с помощью идентификатора id.

Нажмите на ссылку :

Ссылка

4.3. Пример 3. Смена цвета объекта при наведении курсора

При наведении курсора мышки на определенные области, они изменяют цвет. Делается это через JavaScript. Например

Код этого примера:

RED

GREEN

BLUE

Это лишь самые элементарные вещи на JavaScript. Его возможности довольно большие. Не даром в литературных магазинах по этому языку можно найти отдельные книги.

HTML накладывает на сайт некоторые ограничения, и чтобы их преодолеть, необходимо немножко выйти за рамки языка гипертекстовой разметки. HTML нужен, в основном, для упорядочивания текста и графики на веб-странице, для связи разных файлов воедино. И он отлично справляется с этими задачами. Если вы хотите, чтобы страницы вашего сайта практически не отличались от обычных рисунков на бумаге, то языка гипертекстовой разметки, то есть HTML будет вполне достаточно.

Если же вы хотите создать нечто особенное, уникальное, что будет выделять ваш сайт и привлечет внимание пользователей, то вам стоит обратиться к языку программирования Java Script.

Например, при помощи Java Script, на сайте можно реализовать следующее:

1. Добавить на сайт функцию поиска. Это обеспечит пользователям огромные преимущества, избавив их от необходимости вручную просматривать каждую веб-страницу в поисках нужной информации.
2. Защитить паролем определенную область сайта. Это позволит ограничить доступ к той информации, которую не рекомендуется выставлять на всеобщее обозрение.
3. Обеспечить пользователям возможность общаться. Для этого существует множество способов: начиная от простых досок сообщений до полнофункциональных чатов.
4. Добавить на сайт хронометрические средства, например, часы или календарь. Пользователям обычно это нравится.
5. Добавить на сайт игры и головоломки. Поверьте, это лучший способ заставить посетителей расслабиться и чувствовать себя как дома.
6. Сделать ссылки на постоянно обновляемую информацию. Посетителей сайта обязательно заинтересуют новости, курсы валют, прогноз погоды и тому подобное.

Почему именно к Java Script?

Языки программирования PHP и MySQL были созданы для облегчения работы на компьютере.

Обработка осуществляется в веб-браузере пользователя, поэтому нет никакой нагрузки на сервер. Для добавления скриптов, написанных другими программистами большого ума не надо. Это легко сможет сделать простой разработчик веб-сайтов.

Как правило, в программный код не требуется вносить никаких изменений. В лучшем случае кое-где придется поменять имя файла или добавить URL-адреса в какой-либо перечень.

Коротко о том, как работает Java Script

При работе с Java Script в код веб-страницы нужно добавить два компонента: сам скрипт и процедуру, которая будет его запускать.

Обычно в инструкции, которая прилагается к скрипту, содержится вся необходимая информация, касающаяся процедуры запуска скрипта.

Тело скрипта размещается в контейнерном теге , как в приведенном ниже скелете программного кода, где определяется некоторая функция whatever.

Skriptni teg ostiga joylashtirishga ruxsat beriladi , lekin emas Biroq, bu xavfli bo'lishi mumkin. Veb-brauzer dastur kodida dasturchi tomonidan yozilgan Java skript kodini tarjima qilishi kerak.

Skript yorlig'i Brauzer tomonidan belgilangan elementlardan ko'ra qayta ishlangan . Bu shuni anglatadiki, skript veb-brauzer oynasida biron bir narsa paydo bo'lishidan oldin aniqlanadi va bajarishga tayyor bo'ladi.

Agar skript teg ichida joylashgan bo'lsa Bunday vaziyat aniqlanishi mumkin, bu aniq belgilanadi. Bunday holda, skript shunchaki ishlamaydi. Shuning uchun, odatiy ketma-ketlikka rioya qilish hali ham yaxshiroqdir.

Skriptni boshlagan sahifaga sahifani ham qo'shish kerak. Odatda element ichida .

Skriptning boshlanishi turli yo'llar bilan amalga oshirilishi mumkin, ammo ishlab chiqaruvchi ularni barchasini bilishi shart emas. Har bir skript Internetdan olingan va HTML kodga tarjima qilingan har bir skript uning ishga tushirish tartibini anglatadi.

Misollar.

1. Skrientning faollashuvi foydalanuvchi sichqonchaning ko'rsatgichini unga ko'rsatganda, interfeysning istalgan elementidagi sichqonchaning har qanday elementidagi sichqonchaning ko'rsatgichini bosgandan so'ng paydo bo'ladi. Bu ongli atributdan foydalanadi.
Shunday qilib, quyidagi parchalarda onlayn atribut a-band uchun ishlatiladi:
Qanday qilib har qanday funktsiyani bajarish uchun bu erni bosing.

Ammo umuman olganda, onlayn atribut noyobdir va deyarli har qanday element uchun qo'llanilishi mumkin.

2. yoki yoki skript veb-sahifani brauzer oynasiga yuklab olishdan keyin boshlanadi.
Veb-sahifani yuklab olgandan so'ng skriptni faollashtirish uchun, yukni yuklash atribut elementidan foydalaning quyidagi misolda.

Boshqa sifatlar to'plami mavjud. Masalan, foydalanuvchi skriptni har qanday interfeys elementiga olib keladigan sichqonchaning ko'rsatgichini olib boradi. Yoki onyout atributi - foydalanuvchi sichqonchaning ko'rsatgichini olib tashlaganda.

Java skript va jQuery

Aytgancha, Java skriptining rivojlanishi JQuery kutubxonasining kelishi bilan yanada soddalashtirilgan.

JQuery funktsiyalari juda ko'p amaliy va shoshilinch savollarni hal qiladi. Garchi murakkab skriptni yaratish juda oddiy bo'ladi.

Va sayt uchun JQuererdan foydalanish har qanday resurslarga ulangan katta plaginlarning katta ro'yxatini ochadi, asosiysi Java Script tomonidan ishlatilishi kerak. JQuerer plaginlari yordamida siz bir nechta kodni amalga oshirishingiz mumkin

• chiroyli va qiyin menyu,
• rasm galereyalari,
• turli xil sahifalarni boshqarish funktsiyalari.

Agar sizning saytingiz CMS-da amalga oshirilsa, siz u erda o'z skriptlarimizni ham kiritishingiz mumkin. Oddiy CMS va Java Scriptning kombinatsiyasi sizga juda chiroyli, amalga oshirish va qo'llab-quvvatlashga imkon beradi va kichik loyihalarni oson echimlardan tashqari.

Java skript va jimeriya yordamida siz faqat eng oddiy biznes-xizmatni, siz Internetning cheksiz bo'sh joylarida kompaniyaning eng yaxshi vakili bo'ladigan yorqin va to'liq manbaga aylantira olasiz.

Brauzerdagi veb-sahifalarning to'liq va maqbul ishlashi uchun JavaScript unda yoqilgan bo'lishi kerak.

Bu nima va qanday qilib bunga erishish mumkinligini, biz ushbu maqolada aytib beramiz.

Umumiy jadval

JavaScript nima?

JavaScript-ni multilaladmal tili deb atash mumkin. U turli dasturlash usullarini qo'llab-quvvatlaydi. Masalan, ob'ektga yo'naltirilgan, funktsional va juda muhim.

Dasturlashning ushbu turi hech qanday Java bilan bog'liq emas. Ushbu dasturlash tilining asosiy sintaksisi C tili, shuningdek C ++.

Brauzer veb-sahifalarining asosi HTML-kod hisoblanadi, ular bilan dasturchilar turli xil interfaol elementlarni sahifalarda qo'shadilar.

Agar brauzerdagi JavaScript o'chirilgan bo'lsa, interfaol elementlar ishlamaydi.

Dasturlash tili Quyoshli mikrosizim va netscape-ning hamkorligi tufayli paydo bo'ldi.

Dastlab, JavaScript ismli ismga ega edi, ammo Java tili dasturchilar orasida mashhur bo'lib qoldi, ishlab chiqaruvchilar uni o'zgartirishga qaror qilishdi.

Netscape marketing bo'limi bunday nom yangi dasturlash tilining ommaviyligini oshiradi, bu aslida sodir bo'ldi.

Eslatib o'tamiz, JavaScript Java bilan bevosita bog'liq emasligini eslang. Bular mutlaqo boshqa tillar.

JavaScript xususiyatlari

Ushbu dasturlash tili uning ko'p qirralari tufayli cheksiz miqdordagi imkoniyatlarga ega.

Arizaning asosiy jihatlari - smartfonlar, saytlar va xizmatlarning saytlari va xizmatlarining mobil ilovalari.

Eng muhim yangiliklar "Ayjax" loyihasiga qo'shilib, bugungi kunda tilda ishlatiladigan imkoniyatlarni taqdim etdilar.

Trafikni tejash va foydalanishni oshirish uchun JavaScript foydalanuvchini onlayn foydalanuvchi uchun sezmagan kichik qismlarda saytlar va xizmatlar sahifalarida o'zgartirish imkoniyatini beradi.

Bu vaqtni tahrirlash yoki yangi ma'lumotlarni qo'shish uchun sayohatni talab qilmaydi.

O'zgarishlar zudlik bilan yangilanishni yoki qayta yoqilishini talab qilmasdan yuzaga keladi.

Turli sabablar uchun JavaScript funktsiyasi o'chirilishi mumkin.

Ehtimol, oldingi foydalanuvchi ataylab uni o'chirib qo'yishi mumkin, chunki veb-sahifalarni ko'rish kerak emas edi. Shuningdek, o'chirilgan mustaqil ravishda yuzaga kelishi mumkin.

JavaScriptni o'chirish ba'zi havolalarni ochishdan bosh tortishi mumkin. Sana quyida biz ushbu funktsiyani mashhur brauzerlarda kiritish usullarini ko'rib chiqamiz.

Yandex brauzeri

22 va undan yuqori versiyada JavaScript funktsiyasini faollashtirish uchun asboblar paneliga o'ting va menyu elementini tanlang "Sozlamalar".

JavaScript-ni ishga tushirish uchun bo'limga o'ting "Tarkib"unda funktsiyani faollashtirish uchun siz satrda belgi qo'yishingiz kerak "JavaScript-dan foydalaning".

Funktsiyani o'chirish uchun siz ushbu Shomilni olib tashlashingiz kerak.

O'zgarishlarni saqlash uchun "OK" tugmasini bosing va brauzer sahifasini yangilang.

E kuchga kirishi uchun brauzerni qayta ishga tushirish shart emas. Ulanishdan so'ng siz veb-sahifalarni to'liq ko'rishingiz va interfaol xizmatlar bo'yicha harakatlar qilishingiz mumkin.

Opera.

10,5 dan 14 gacha versiya

Birinchidan, biz brauzer sozlamalarini ochishimiz kerak.

Yuqori chap burchakda tugmachani bosing "Menyu", Kontekst menyusida siz kursorni elementga olib borasiz "Sozlamalar" va kichik bandda bosing "Umumiy sozlamalar ...".

Keyin siz yangi oynani brauzer sozlamalari bilan ko'rasiz.

Tabni tanlashi kerak "Bundan tashqari".

Yorliqlarning chap qismida elementni bosing "Tarkib", shundan keyin siz funktsiyani faollashtirasiz, ikkita belgi qo'ying "JavaScript-ni yoqing" va "Java" yoqing ".

Ushbu katakchalarni o'chirish uchun ushbu katakchalarni olib tashlash kerak.

Opera versiyasida JavaScrivatsiyani faollashtirish va o'chirish 10.5 dan 14 gacha

Shomilni qo'yganingizdan yoki olib tashlaganingizdan so'ng, biz "OK" tugmachasini bosib o'zgartirishlarni saqlaymiz.

Endi o'zgarishlar kiritish uchun brauzerni qayta ishga tushiring. Barcha JavaScript funktsiyalari siz uchun mavjud bo'ladi.

15 va undan yuqori versiyalar

Ushbu brauzer opera versiyalarida JavaScriptni faollashtirish ancha oson.

Sozlamalar oynasini ochish uchun siz "Alt + P" tugmachasini ochiq brauzerda bosishingiz kerak. Ochilgan menyuda yorliqni oching Saytlar.

Funktsiyani faollashtirish uchun siz elementga "katakcha" ni o'rnatishingiz kerak "JavaScript-ni bajarishga ruxsat bering"Deactivatsiya uchun - "JavaScript qatlini taqiqlash uchun".

Shundan so'ng, o'zgarishlarni saqlash uchun "OK" tugmachasini bosish va F5 tugmachasi bilan ko'rilgan sahifani F5 tugmachasi bilan ko'rish yoki manzil satridagi tegishli belgini bosish uchun etarli.

Brauzerni qayta ishga tushirish shart emas.

Safari.

Apple-ning brend brauzeridagi JavaScript funktsiyasini yoqish uchun siz sozlamalarga o'tishingiz kerak.

Ularni ochish uchun siz tugmani bosishingiz kerak. "Safari" Va elementni tanlang "Sozlamalar».

Men internet o'z ishini ishlab chiqish uchun bunday keng imkoniyatlar bo'lishi mumkin deb o'ylamagan edim, ammo vaqt o'tdi va men nihoyat men o'zim uchun imkoniyatlarga to'laman. Internet o'z mahsulotlarini, ko'p jihatdan ularni amalga oshirish imkoniyatini beradi. Har kuni dunyo bo'ylab veb-foydalanuvchilarning soni o'sib bormoqda va shu bilan birga bizning imkoniyatlarimiz o'sib bormoqda.

Biroz men daromadlarning ko'plab sxemalarini tushunmadim, ammo bugungi kunda global tarmoqdagi har qanday biznesning asosi veb-saytning asosi ekanligiga to'liq ishonch bilan ayta olaman. Bundan tashqari, nafaqat sayt, balki to'g'ri sayt. Bundan tashqari, sayt daromad keltiradigan holatda, ko'p omillar ta'sir qiladi. Birinchi narsa tashrif buyuruvchi har qanday veb-saytga duch kelmoqda - bu interfeys.

Menga ishoning, sayt juda jozibali bo'lsa, unda u tasodifiy foydalanuvchi bo'lib qolishiga bog'liq yoki yo'qmi, unga bog'liq emas. Albatta, agar biror kishi sizning saytingizni uzoq vaqt o'qigan bo'lsa, u siz sayt funktsiyasini tan olishingiz mumkin bo'lgan har xil to'garaklarni kechiradi. Ammo birinchi marta interfeysi mijozda sizning saytingiz kabi muhim rol o'ynaydi. Ular: "Kiyim bilan tanishing, ongga boring".

Ammo sizning saytingiz uchun asl va esda qolarli kiyimlarni qilish uchun siz bilishingiz kerak javaScript nima kerak. Aslida, JavaScript-ni chiroyli, funktsional saytni amalga oshirish mumkin emas. Bundan tashqari, saytni tonna kodi bilan urish kerak emas. Bir nechta satrlarni qo'shish uchun etarli bo'ladi, va turli xil tugmachalar va menyu elementlari qayta tiklanadi, yanada jozibador bo'ladi. Aytgancha, JavaScript skript portfelidagi rasmlarni aylantirish imkoniyatini beradi. Bundan tashqari, siz ma'lumotlarning chiqish qismida sahifaning funktsional imkoniyatlarini yanada oshirishingiz mumkin. Bu erda ham javaScript kerak

Ehtimol, ko'pchilik, masalan, yaxshi CMS ustida ishlash, masalan, blogni boshqarish uchun juda ko'p narsa deb o'ylashlari mumkin. Siz funktsiyani sezilarli darajada yaxshilashingiz, salqin effektlarni qo'shishingiz, salqin effektlarni qo'shishingiz mumkin. To'g'ri, siz Internet texnologiyalari tiklanmaydi, degani, hamma narsa doimiy ravishda o'zgarib turadi. Shuning uchun, doimiy ravishda yangi JavaScript kutubxonalarining ko'rinishini kuzatib borishga arziydi, chunki bugungi paketlar kecha faqat tush ko'rinishini anglatishi mumkin. Shuning uchun ular saytni yangilash, shu jumladan JavaScript-dan foydalanish haqida gaplashganda.

Endi JavaScript-ni o'rganishga kelsak. Ko'p sabablarga ko'ra, ushbu dasturlash tilini o'rganish faqat tanlanganlarga tegishli. Ammo aslida unday emas. Dasturchilar doimiy ravishda yangi JavaScript elementlarini yaratish uchun ishlaydi, bu uning sintaksisi va foydalanishini juda soddalashtiradi. JavaScript kodini saytingiz sahifalarida ishlatishdan tashqari, siz tegishli qo'llanmalardan foydalanishingiz mumkin. Ajoyib video kurslar qutqaruvga keladi, shunda qisqa vaqt ichida JavaScript-ni hatto profanni ham o'zlashtirish imkoniyatiga ega bo'ladi.

Evgeniy Popovni axborot-yordamchi - veb-sayt binosida bir qator video kurslar muallifiman. "JavaScript + jquery" video formatda

Javascript nima ekanligini bilmaymanmi? Ushbu maqolada biz javobni topamiz.

Bir oz nazariya

Brauzerlarda va boshqa ko'plab dasturlarda JavaScript ko'pincha ishlatiladi. Bu sahna dasturlash tili. U prototipga yo'naltirilgan modeldan foydalanadi va zaif harf bilan ajralib turadi. Kuchli ta'sir, bu til avvalgi - Eciscript.

Uning yaratilishining umumiy maqsadi mutaxassis bo'lmagan va ishlash oson bo'lgan. Endi JavaScript eng mashhur dasturlash tillaridan biridir. Uning foydasi ilovalarga kiritilgan narsalarni ishlatishga yordam beradi. JavaScript viloyatining JavaScriptga yo'naltirilgan til, ammo uning funktsiyalari odatda ushbu turdagi tillarni taqdim etadigan funktsiyalardan mutlaqo farq qiladi.

Internet ishlab chiqishda JavaScript faol ishlatiladi. Ochiladigan menyular, taqvimlar, taymerlar, kalitlar - bugungi va boshqa ko'plab elementlar bugungi kunda ushbu til imkoniyatlaridan foydalangan holda amalga oshiriladi.

Aks holda ob'ektlar va sinflar bilan ish olib boradi, anonim funktsiyalarni avtomatik ravishda belgilashi va anonim funktsiyalarni qo'llab-quvvatlashi mumkin. JavaScript sintaksisi Java va C o'rtasida turadi, ammo funktsional sharoitda u boshqa dasturlash tillariga qaytadi. Java va Javqr-dagi o'rtasida funktsional imkoniyatlar mavjud. Masalan, Java sinflarga ob'ekt yondoshuvini va prototiplar bo'yicha JavaScript. Kod aniq konteynerlarning veb-sahifasiga o'rnatilishi mumkin.

JavaScriptni qanday ulash mumkin?

- JavaScript kodi ushbu idishda ulangan.
- ushbu HTML sahifasida bir xil papkada joylashgan animater.js kutubxonasini ulash misoli. SRC (manba) - faylga yo'l.

JavaScript juda xavfsiz deb hisoblanadi, chunki u o'z kodini Web Stortin-da joylashtirganda, u yuqori kuchlarni olmaydi va boshqa sahifalar va ko'plab ob'ektlar bilan ishlamaydi. U hatto katta dastur oynasini ham ocholmaydi. JavaScriptning asosiy zaifligi - bu shaharlarning skriptidir.

Skript foydalanuvchi ishlagan sahifada o'rnatilgan va shu tariqa uning hisobini olishi mumkin. Bu nomaqbul harakatlarga olib kelishi mumkin. Bu sodir bo'lishi mumkin va brauzerdagi xatolar tufayli. Skriptlar bilan ishlab chiqishda va ishlayotganda, kod yoki dastur tajovuzkorlarning qo'liga tushishi mumkinligini hisobga olamiz. Spyware yoki zararli ta'sirni olish uchun ular boshqacha o'zgartirish yoki chalkash bo'lishi mumkin.

Bir xil skript shaklida siz hech qanday maxfiy ma'lumotlarni kiritmaslik kerak. Ularning barchasi hozirgi maqsadlarini chetlab o'tib, o'g'irlab ketadigan uchinchi tomon serveriga yuborilishi mumkin. Shuningdek, brauzerlar maxsus rejimidan tashqarida JavaScriptni ishga tushirishlari mumkin, bu xatolarga olib kelishi va juda ko'p ruxsatnomalar bo'yicha kvitantsiyalarga olib kelishi mumkin. Bu ulardan foydalanishdagi qiyinchiliklardan biridir. Doimiy dasturlar skriptlari tomonidan tez-tez uchraydi troyan dasturlari bo'lishi mumkin.