В строке прописывается
Функция (1) обращения к js через атрибут события в открывающем теге
прописана в атрибуте события тега (атрибут начинается с on). , например onclick [тип события on+]
Рекомендация: используйте двойные кавычки для HTML и одинарные кавычки для js.
Пример:
<input type="button" value="Нажмите на меня, чтобы открыть мир" onclick="alert('Hello World'. )" /> Примечание: встроенное введение в JS. Концепция увеличения веса не используется в , поэтому она широко не используется [ в основном не используется ].
Примеры следующие: <html>
<title>Встроенное написание в стиле JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<тело>
<!--Метод встроенной записи JS начинается с 01-->
<!--При щелчке мышью по изображению появляется всплывающее окно с номером 1223-->
<div class="img">
Нажмите на событие:
<img src="images/001.jpg" onclick="alert(1223)"></img>
</div>
<!--Метод встроенной записи JS 01 заканчивается -->
</тело>
</html>Результат вывода:
написано в теге скрипта
Внутренняя ссылка: используется при написании кода JS в теге скрипта.
Тег скрипта можно написать в любом месте страницы.
Тег сценария обычно используется в конце тела или после тела.
(1) Можно написать где угодно;
Когда нам нужно сослаться на скрипт в заголовке, поместите его в заголовке, в противном случае разместите его внизу, поскольку размещение его в заголовке может повлиять на рендеринг браузера.
<скрипт>
alert('Привет, мир!');
</скрипт>Примечание. Обычно при написании упражнений самостоятельно вы используете [ Практика использования ], когда хотите лениться и не хотите настраивать js-файлы.
Обычно при работе над собственными проектами размещайте его внизу. Он не влияет на порядок загрузки и его можно отличить от файлов CSS, а также не влияет на рендеринг в браузере. Если вы размещаете его в другом месте, лучше всего использовать onload.
Примеры следующие: <html>
<title>Встроенное написание в стиле JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<тело>
<!--js встроенная запись, начиная с 02-->
<div class="img">
Нажмите на событие:
<img src="images/002.jpg" id='yuansu'></img>
</div>
<!--js встроенный метод записи 02 end-->
</тело>
<скрипт>
//js-код//Находим элемент XX, обычно добавляем идентификатор к элементу
yuansuojb=document.getElementById('yuansu');
//Добавляем событие yuansuojb.onclick=function(){ в элемент xx
//Сегмент кода alert(1);
}
//Триггерное событие</script>
</html>Результат вывода:
Используйте src в теге сценария для добавления внешних файлов.
шаг:
Написание независимых js-файлов
Ссылка осуществляется через теги скрипта на странице.
(1) В сценарии, который представляет внешние файлы JS, нельзя писать код.
(2) Используйте структуру кода страницы HTML для разделения нескольких частей кода JS за пределами страницы HTML, что красиво и удобно для повторного использования файлов.
<script src="main.js"></script>
Примечание. Как и встроенные стили, их размещение внизу и в заголовке необходимо рассматривать в каждом конкретном случае [ часто используется ]
Используйте src, а не href
Примеры следующие:Напишите код js в файл .js и укажите его в HTML.
Содержимое файла .html следующее:
<html>
<title>Метод написания внешних ссылок в стиле JS</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<тело>
<div class="img">
Написание внешней ссылки – событие щелчка:
<img src="images/003.jpg" id='yuansu'></img>
</div>
</тело>
<script src='js/index.js'></script>
</html>Содержимое файла .js следующее:
//js-код//Находим элемент XX, обычно добавляем идентификатор к элементу
yuansuojb=document.getElementById('yuansu');
//Добавляем событие yuansuojb.onclick=function(){ в элемент xx
//Сегмент кода var str="привет, мир!!!";
предупреждение (стр);
}Результат вывода:
