ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)
(1 оценок, среднее: 5,00 из 5)
Загрузка...
Существует гибкость с учетом включения кода JavaScript в любом месте HTML-документа. Однако наиболее предпочтительные способы включать JavaScript в HTML-файл следующие:
В следующем разделе мы увидим, как мы можем поместить JavaScript в HTML-файл.
Если вы хотите, чтобы сценарий запуска на какое-то событие, например, когда пользователь щелкает где-то, то вы можете поместить этот сценарий в разделе <head> следующим образом:
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Привет мир")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Привет" />
</body>
</html>
Если вам нужен скрипт для запуска при загрузке страницы, так что скрипт генерирует содержимое на странице, то скрипт переходит в часть <body> документа. В этом случае, вы бы можете не иметь какую-либо функцию, определенную с помощью JavaScript. Взгляните на следующий код.
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Привет мир")
//-->
</script>
<p>Это тело веб-страницы </p>
</body>
</html>
Вы можете поместить свой код JavaScript в раздел <head> и <body> следующим образом:
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Привет мир")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Привет мир")
//-->
</script>
<input type="button" onclick="sayHello()" value="Привет" />
</body>
</html>
Как только вы начнете работать более интенсивно с JavaScript, вы, вероятно, обнаружите, что есть случаи, когда вы повторно устанавливаете идентичный код JavaScript на нескольких страницах сайта.
Вы не ограничены в сохранение идентичного кода в нескольких HTML-файла. Тег script обеспечивает механизм, позволяющий хранить JavaScript во внешнем файле, а затем включить его в свои HTML-файлы.
Вот пример, чтобы показать, как вы можете включить внешний файл JavaScript в вашем HTML-коде с помощью тега script и его атрибута src.
<html>
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>
Для использования JavaScript из внешнего источника, вам нужно написать весь исходный код JavaScript в простом текстовом файле с расширением «.js», а затем включить этот файл, как показано выше.
Например, вы можете сохранить следующее содержимое в файле filename.js, а затем вы можете использовать функцию AndreyExHello в HTML-файле после включения файла filename.js.
function AndreyExHello() {
alert("Привет мир")
}
