Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

Scroll

Уроки Javascript (учебник, самоучитель)

05/12/2019, by Ivan

Javascript один из самых популярных языком в мире, хотя со временем он и теряет свои позиции, но на его изучение обращают многие программисты.
Javascript вам понадобится для последующего изучения jQuery, поэтому прежде чем браться за jQuery, который в свою очередь является javascript-фреймворком, нужно все-таки знать основы javascript.
Код Javascript встраивается прямо в код HTML-страницы с помощью кода <script></script>:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>

 

Сохраните этот код в файл index.html и откройте его через браузер. Теперь мы будем править javascript-код в файле index.html.
Давайте начнем с вывода простых сообщений через javascript:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('Учебник Javascript от drupalbook.org');
</script>
</body>
</html>


Через функцию alert() мы будем выводить всплывающие окно. Это очень удобно когда нужно быстро вывести значение javascript-переменной или сообщение об ошибке.
Также мы можем выводить текст с помощью функции document.write()

...
<script type="text/javascript">
document.write('Учебник Javascript от drupalbook.org');
</script>
...


Сохраните файл и обновите страницу браузера, чтобы применились изменения.
Также мы можем вынести javascript-код в отдельный файл:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'>
</script>
</body>
</html>


Таким образом javascript-код будет подгружаться из файла script.js, вставьте в этот файл функцию alert('Учебник Javascript от drupalbook.org'), чтобы проверить подключился файл или нет.
Я думаю выносить код в отдельные файлы гораздо удобнее, тем самым мы не будем засорять HTML-страницы javascript-кодом.
Эта статья будет в качестве введения в javascript, в следующих статьям мы подробно рассмотрим возможности языка javascript.