Как интегрировать javascript в HTML?
3 ответа:
Скрипт можно подключить двумя способами: либо в теле самой программы index.html Листинг привожу ниже:
________________<wbr />_________________<wbr />_________________<wbr />_
<html>
<head>
<title>
</title>
<script>
function OLF()
{
alert("Hello JS");
}
</script>
</head>
<body onload="OLF()">
</body>
</html>
________________<wbr />_________________<wbr />_________________<wbr />_
Либо в отдельном файле, лежащем в каталоге "js", например "exampleJS.js", подключаемом с помощью конструкции, описанной ниже в листинге:
________________<wbr />_________________<wbr />_________________<wbr />_
<html>
<head>
<title>
</title>
<script type="text/javascrip<wbr />t" src="js/exampleJS.js<wbr />"></script>
</head>
<body onload="OLF()">
</body>
</html>
________________<wbr />_________________<wbr />_________________<wbr />_
Исходя из второго листинга программы, можно выделить одну интересную строку
________________<wbr />_________________<wbr />_________________<wbr />_
<script type="text/javascrip<wbr />t" src="js/exampleJS.js<wbr />"></script>
________________<wbr />_________________<wbr />_________________<wbr />_
где говорится о том, что в каталоге (папке) c файлом, например C:\MyProject\index.h<wbr />tml
лежит файл "exampleJS.js" по адресу: C:\MyProject\js\exam<wbr />pleJS.js
Листинг файла "exampleJS.js" привожу ниже:
________________<wbr />_________________<wbr />_________________<wbr />_
function OLF()
{
alert("Hello JS");
}
________________<wbr />_________________<wbr />_________________<wbr />_
Здесь описана одна и та же функция function OLF() вывода строки на экран "Hello JS" с помощью alert.
Второй вариант является наиболее правильным, т.к. не происходит "захламление" чистого HTML - кода скриптами, стилями и т.п. Т.е. у вас появляется возможность написания вашего проекта в виде модулей кода, а не в "куче", что упрощает разработку вашего проекта и его "читабельность".
Результат работы данной программы приведен ниже на рисунке:
Читайте также