Рубрики

Понимание основных кодов JavaScript.

Вставка JavaScript в веб-страницу очень похожа на вставку любого другого содержимого HTML. Для добавления JavaScript в HTML используются следующие теги: <script> и </ script>. Код, окруженный тегами <script> и </ script>, называется скриптовым блогом.
Теги <script> могут быть помещены между тегами <head> и </ head> или между тегами <body> и </ body>.

Атрибут type был самым важным атрибутом тега <script>. Тем не менее, он больше не используется. Браузер понимает, что тег <script> содержит код JavaScript.

<script type="text/javascript">

Как писать, сохранять и запускать коды:
Способ 1:
1. Используйте любой редактор заметок, например Блокнот , Блокнот ++, чтобы написать код.
2. Сохраните страницу с расширением .html и загрузите ее в веб-браузер.

Способ 2:
1. Создайте файл .js и напишите свой код JS в этом файле, используя свой любимый редактор.
2. Добавьте <script src=relative_path_to_file/file_name.js></script> в конце тега <body> внутри HTML-файла.

Код для покраски страницы светло-голубой

<!DOCTYPE html>

<html>

  <head>

    <title></title>

  </head>

  <body bgcolor="white">

   <p>Paragraph 1</p>

   <script type="text/javascript">

   document.bgColor ="lightblue";

   </script>

  </body>

<html>

Выход:

Цвет веб-страницы светло-синий, но тег открывающего тела определен, чтобы установить цвет фона белым.

<body bgcolor="white"> 

Цвет фона страницы светло-синий, потому что JavaScript используется для установки цвета фона документа на светло-синий.

document.bgcolor="lightblue";

Изучение из кода:
1. Страница называется документом для написания сценариев на веб-странице.
2. На свойства документа можно ссылаться путем написания документа, за которым следует точка, за которой следует имя свойства. Документ имеет много свойств.
3. После того, как браузер тегов <script> начнет интерпретировать текст как JavaScript, пока не появится </ script>.

Код для записи чего-либо на веб-страницу с использованием JavaScript:
Давайте напишем «Hello World!» На пустой странице, используя JavaScript.

ОТОБРАЖЕНИЕ РЕЗУЛЬТАТА НА САЙТЕ.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0

 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

 <html xmlns=”http://www.w3.org/1999/xhtml”>

  <head>

    <title></title>

  </head>

  <body>

   <p id="ResultsP"></p

   <script type="text/javascript">//Script Block 1

   document.getElementById('ResultsP').innerHTML ='Hello World!';

   </script>

  </body>

<html>

Выход:

Изучение из кода:
1. Следующая строка была добавлена к этому коду.

 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0
 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
 <html xmlns=”http://www.w3.org/1999/xhtml”>


Это позволяет веб-браузеру узнать, что пользователь использует XHTML. На самом деле это не имеет никакого значения для кода; это было бы прекрасно работать без лишних строк.

2. Обратите внимание, что тегу <p> был присвоен идентификатор с использованием атрибута id.

<p id=”ResultsP”>

Этот идентификатор должен быть уникальным на веб-странице, потому что он используется JavaScript для идентификации конкретного элемента HTML в следующей строке:

document.getElementById(‘ResultsP’).innerHTML = ‘Hello World!’;

Код просто означает: «Получите мне элемент документа с идентификатором ResultsP и установите HTML-код внутри этого элемента в Hello World!»

Важно, чтобы код, обращающийся к абзацу, был после абзаца, в противном случае код будет пытаться получить доступ к абзацу до того, как он появится на странице, и выдаст ошибку.

Рекомендуемые посты:

Понимание основных кодов JavaScript.

0.00 (0%) 0 votes