• 9487
  • 49
  • 10
Нравится блог?
Подписывайтесь!

Основы работы с javascript'ом и библиотекой Jquery

Hello малейкум! в статейке предлагаю рассмотреть основные приему работы с javascript. Какие еще необходимы знания для работы с яваскриптом? Естественно это html, также хорошо бы знать php(в большинстве случаев без знания php яваскрипт просто бесполезен), ну и css тоже не помешает. Для чего я буду использовать яваскрипт?

  • Во - первых для динамической обработки различной информации, отправленной пользователем на сервер. К примеру: это формы регистрации, формы добавления комментариев, также можно сделать обмен сообщениями для пользователей или чат(как на киви, к примеру).
  • Во - вторых для создания удобного интерфейса. Это постраничные навигации, фотогалереи, выпадающие списки меню и т.д.

Есть еще варианты применения яваскрипта, но нам пока хватит...

И так, к делу...

Для написания скрипта в веб документе будь то html или php нужно воспользоваться такими тегами:

  1. если вы будете писать яваскрипт в этом же документе:
    1. <script type="text/javascript">
    2. //здесь яваскрипт
    3. </script>
    лучше всего писать яваскрипт до закрытия тега </head>
  2. если вы будет подклучать яваскрипт из другого файла(это наиболее практичный метод использования яваскрипта!):
    1. <script type="text/javascript" src="здесь путь к файлу.js"></script>
    мой совет: используйте второй вариант, пишите яваскрипты в дургих файлах это очень сильно облегчает работу...

И так, допостим файл мы содали, поключили, но что же в нем писать? В яваскрипте, как и в любом языке программирования(ну я имею ввиду наиболее распространенные языки), существует два варианта программирования:

  1. Можно писать линейные алгоритмы, которые выполнятся как только будет открыт документ в браузере и для повторного их выполнения нужно будет перезагрузить страницу...Вот пример(можете создать html файл и проверить):
    1. <script type="text/javascript">
    2. alert("Hello your vision!");
    3. </script>
  2. Так же существует так называемый(!мной) "событийный" метод программирования, здесь скрипты выполняются только после наступления какого то события(к примеру: полная загрузка страницы, щелчок по кнопке, наведение кнопки мыши). Для данного случая тяжело быстро написать хороший пример, поэтому покажу простой:
    1. <script type="text/javascript">
    2. $(document).ready(function(){
    3. alert("привет!");
    4. }
    5. </script>
    немного поясню, для проверки этого примера необходима яваскрипт библиотека jquery( скачать можно здесь), в этом примеренадпись привет появится ТОЛЬКо после загрузки страницы(readly - это событие, которое происходит когда полностью загржен документ).

Для написания скриптов я буду использовать второй способ, потому как первым нереально сделать то, что нам нужно...

Теперь немного теории по jqeury. Как вообще работает эта библиотека? Функции данной библиотеки служат для выбора элементов страницы( селекторов ) и описания функций которые будут происхотить если наступит определенное(!нами) событие....ух! как сказал, аж самому страшно стало....Приведу пример:В начале документа подключаем библиотеку jqeury, а потом пишем:

 

  1. <script type="text/javascript">
  2. $(document).ready(function(){
  3. $('a').click(function(){
  4. alert("привет!");}
  5. );
  6.  
  7. }
  8. </script>

 

а после тега body вставим ссылочку:<a href='javascript'>показать окошко</a>....вот такой простой пример, но по такому принципу работает множество интересных прибамбасов на сайта( взять тот же киви с его постраничной навигацией, щелкаешь по ссылки - появляется следующая страница и т.д.)

В общем виде выборка элементов и описание их действий записывется так:

$('<элемент который нужно выбрать>').<событие Х, которое должно произойти что бы выполнились действия ХХ>(function(){<дейтсвия ХХ, которые произойдут если произойдет событие Х>});, в принципе, все просто, но очень важно следить за скобками. Если где открыл, а закрыть забыл то скрипт не будет работать!!!

Не знаю стоит ли, но все же выложу...

Ссылка на файл с описанием использования всяких вариантов выборки элементов страницы, также показаны некоторые методы работы с ними - вот файл (script.js)

Ну на этом пока хватит, разберайтесь, комментируйте, спрашивайте....Удачи!

Программист самоучка

Серега serj123
28 января 2011, 23:26
603

Загрузка...
Loading...

Комментарии

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

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Юрист, пришедший в школу учителем по зову души, о главной проблеме системы образования

Юрист, пришедший в школу учителем по зову души, о главной проблеме системы образования

Алматинский учитель поставил диагноз системе, частью которой является образование. Будучи успешным юристом, имевший степень МВА, он вдруг развернул траекторию своей карьеры, став обычным учителем.
Zhumanova
22 сент. 2017 / 16:26
  • 10225
  • 33
«Это будут твои большие похороны». Гуф высказался о Скриптоните и Басте

«Это будут твои большие похороны». Гуф высказался о Скриптоните и Басте

Досталось и Скриптониту, который ранее опубликовал запись, о том, что больше не будет сниматься в клипе Гуфа и Тимати. "Я тебя ни о чем больше не попрошу, казах ты мой дорогой" - высказался рэпер.
tala03
21 сент. 2017 / 15:48
  • 4419
  • 12
«Честный взгляд» госслужащего: «Знала бы, что ты такой гнилой, я бы тебя не брала»

«Честный взгляд» госслужащего: «Знала бы, что ты такой гнилой, я бы тебя не брала»

Мы не такие блатные. Да, нас унижают руководители, возомнившие себя ханами, часто наши права не реализуются в должной мере. И я всегда задавался, почему на самом деле нет нормальных условий и льгот...
WriterKz
23 сент. 2017 / 0:41
Почему депутат Божко хочет ограничить приток сельской молодёжи в города?

Почему депутат Божко хочет ограничить приток сельской молодёжи в города?

Вице-спикер Мажилиса Владимир Божко остановился на некоторых деталях известного конфликта в Астане возле строящегося «Абу Даби Плаза», затронув проблему «многочисленной сельской молодёжи»...
openqazaqstan
19 сент. 2017 / 13:16
  • 2974
  • 72
Астана перестает быть городом-музеем, или Почему я хотел бы жить в столице

Астана перестает быть городом-музеем, или Почему я хотел бы жить в столице

Наш главный город страны стал избавляться от уже вполне неуместных моветонных клише, которые громоздились над ней, как черное облако над Мордором.
tentser
22 сент. 2017 / 21:04
  • 2057
  • 72
Дагестанские «миротворцы» борются за справедливость в Мьянме на улицах Москвы

Дагестанские «миротворцы» борются за справедливость в Мьянме на улицах Москвы

Парней начали осуждать за поступок в социальных сетях. Популярные группы Кавказа назвали выходку парней дикой, и пояснили, что они позорят нацию и религию.
tala03
20 сент. 2017 / 16:42
  • 1664
  • 53
Заметка №16. «Burger shop». Съесть и не обляпаться практически невозможно

Заметка №16. «Burger shop». Съесть и не обляпаться практически невозможно

Если честно, для нас формат заведения был в диковинку - раньше нам доводилось есть бургеры в сетевых ресторанах фаст-фуда или же в заведениях, где кроме бургеров подают еще много разных блюд.
zhanuska_checkedboe
19 сент. 2017 / 15:12
  • 1422
  • 16
Как КНДР «уничтожила» американские самолеты и авианосец

Как КНДР «уничтожила» американские самолеты и авианосец

Серию коллажей, показывающую как ракеты КНДР нанесли поражения американским самолетам, продемонстрировали в северокорейских СМИ.
tala03
вчера / 17:58
  • 1259
  • 9
Время забыть безумные траты молодости: навыки, которыми ты должен овладеть к 30 годам

Время забыть безумные траты молодости: навыки, которыми ты должен овладеть к 30 годам

Смысл бюджета в том, чтобы знать, куда ты, блин, потратил бабки. В том, чтобы в конце месяца, ты сел, почитал свои записи и понял, какой ты придурок. И принял уже наконец здравое решение, что куда идет.
Lesch
вчера / 21:03
  • 1166
  • 45