Инструкция
1
Вы должны знать, что java-script не является частью HTML, это самостоятельный язык. Но он встраивается в код страницы либо в ней дается ссылка на файл скрипта. Для того чтобы научиться писать ява-скрипты, вам понадобится HTML-редактор с подсветкой синтаксиса. Например, CuteHTML - небольшой и очень удобный редактор.
2
Как правило, изучение языков начинают с вывода на экран ставшей классической фразы "Hello, world!". Чтобы вывести эту строку на экран браузера, откройте редактор и впишите после тега BODY следующий код: <SCRIPT LANGUAGE="JavaScript">Эта строка дает понять браузеру, что с этого места начинается JavaScript.
3
Введите вторую строку: document.write("<FONT COLOR='RED'> Hello, world!</FONT>") Благодаря этой строке в окне браузера будет выводиться фраза "Hello, world!". Обратите внимание на элементы этой строки: сначала дается указание на то, что будет выводиться текст. Затем указываются параметры текста – в данном случае, его цвет. Могут быть добавлены и другие параметры – например, размер и тип шрифта.
4
Завершите java-script тегом:</SCRIPT> Данный тег сигнализирует браузеру о том, что скрипт завершен. Теперь, когда у вас введены в редактор все строки, нажмите в редакторе кнопку просмотра в браузере – View in browser (значок лупы на фоне земного шара). В открывшемся окне используемого по умолчанию браузера вы увидите результат работы вашего первого скрипта. Обратите внимание на то, что браузер может заблокировать его выполнение, при этом появится соответствующее предупреждение. Разрешите браузеру выполнять ява-скрипты.
5
Вы можете изменить размер текста, вставив после указания цвета ‘RED’, через пробел, size=7. Поэкспериментируйте с размером шрифта, меняя цифры. Поменяйте и цвет – например, на 'BLUE'.
6
Наверняка вы не раз видели появляющиеся на страницах предупреждающие сообщения. Вы можете вывести такое сообщение при помощи java-script. Введите в редактор приведенный ниже код. Он очень простой, поэтому вы легко в нем разберетесь. Для подробного изучения java-script найдите в интернете соответствующие учебники.
Видео по теме