Страница

Примеры JavaScript

Скрипты, которые мы будем создавать при изучении JavaScript, будут располагаться на HTML страницах. Для них будет использован тот же шаблон, который использовался в предыдущих учебниках. На некоторых страницах не будет видимых элементов, а будет только скрипт. Поэтому внутри тэга будет находиться только тэг в котором расположен код скрипта. Получится такая страница:

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

var x; x=5; var y=x*8+24; alert(x);

Пример начинается с 9 строки, потому что именно с этой строки начинается код скрипта на странице. Не забывайте ставить тэг . Лучше сразу добавлять его на страницу, а потом писать внутри него код.

В некоторых примерах будут присутствовать элементы страницы, к которым применяется скрипт. Тогда получится примерно такая страница:

    
Блок 
Абзац в блоке
 
Ещё один абзац в блоке
 
   

Такой пример будет выглядеть так:

Блок 
Абзац в блоке
 
Ещё один абзац в блоке
 

var block = document.getElementById('block'); console.log(block);

Некоторым элементам страницы нужно будет установить стиль. Как и в учебнике CSS, стиль указывается в тэге внутри тэга . Страница получится такая:

     div 
Текст
 
Другой блок
   

Этот пример будет выглядеть так:

var block=document.getElementById('block'); block.style.padding='10px';

• Cначала нужно смотреть HTML код и увидеть, какие элементы есть на странице.
• Затем нужно посмотреть стиль элементов.
• Затем рассмотреть скрипт, который работает с элементами.

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

Коприрование материалов сайта возможно только с согласия администрации

2017 — 2023 © basecourse.ru Все права защищены

Источник

HTML JavaScript

JavaScript makes HTML pages more dynamic and interactive.

Example

My First JavaScript

The HTML Tag

The HTML tag is used to define a client-side script (JavaScript).

The element either contains script statements, or it points to an external script file through the src attribute.

Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content.

To select an HTML element, JavaScript most often uses the document.getElementById() method.

This JavaScript example writes «Hello JavaScript!» into an HTML element with >

Example

Tip: You can learn much more about JavaScript in our JavaScript Tutorial.

A Taste of JavaScript

Here are some examples of what JavaScript can do:

Example

JavaScript can change content:

Example

JavaScript can change styles:

document.getElementById(«demo»).style.fontSize = «25px»;
document.getElementById(«demo»).style.color = «red»;
document.getElementById(«demo»).style.backgroundColor = «yellow»;

Example

JavaScript can change attributes:

The HTML Tag

The HTML tag defines an alternate content to be displayed to users that have disabled scripts in their browser or have a browser that doesn’t support scripts:

Example

HTML Exercises

HTML Script Tags

Tag	Description
	Defines a client-side script
	Defines an alternate content for users that do not support client-side scripts

For a complete list of all available HTML tags, visit our HTML Tag Reference.

Источник

HTML Скрипты

JavaScript делает страницы HTML более динамичными и интерактивными.

Пример

Мой Первый JavaScript

HTML Тег

Тег используется для определения клиентского сценария (JavaScript).

Элемент содержит сценарии или указывает на внешний файл скрипта через атрибут src .

Чаще всего используется JavaScript — для манипуляция изображения, формы проверки, а также динамического изменения содержания.

Чтобы выбрать элемент HTML в JavaScript, очень часто используется метод document.getElementById() .

В примере JavaScript написать «Привет JavaScript!» в нутри элемента HTML с id=»demo» :

Пример

Совет: Вы можете узнать гораздо больше о JavaScript в Учебнике JavaScript.

Что может JavaScript?

Вот некоторые примеры того, что JavaScript может сделать:

JavaScript может изменять содержимое HTML

JavaScript может изменить стили HTML

document.getElementById(«demo»).style.fontSize = «25px»;
document.getElementById(«demo»).style.color = «red»;
document.getElementById(«demo»).style.backgroundColor = «yellow»;

JavaScript может изменить атрибуты HTML

HTML Тег

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

Пример

HTML Теги Script

Тег	Описание
	Определяет клиентский сценарий
	Определяет альтернативный контент для пользователей, которые не поддерживают клиентские скрипты

HTML Упражнения

Мы только что запустили
SchoolsW3 видео

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, не стесняйтесь отправлять на электронное письмо:

Ваше предложение:

Спасибо Вам за то, что помогаете!

Ваше сообщение было отправлено в SchoolsW3.

ТОП Учебники

ТОП Справочники

ТОП Примеры

SchoolsW3 оптимизирован для бесплатного обучения, проверки и подготовки знаний. Примеры в редакторе упрощают и улучшают чтение и базовое понимание. Учебники, ссылки, примеры постоянно пересматриваются, чтобы избежать ошибок, но не возможно гарантировать полную правильность всего содержания. Некоторые страницы сайта могут быть не переведены на РУССКИЙ язык, можно отправить страницу как ошибку, так же можете самостоятельно заняться переводом. Используя данный сайт, вы соглашаетесь прочитать и принять Условия к использованию, Cookies и политика конфиденциальности.

Источник