Прелюдия
Пишу для себя. Писать попробую каждый день. Кому пригодится - хорошо.
Начнем.
В html5 структура страницы будет выглядеть примерно так:
<!doctype html>
<html>
<head>
<meta charset = "UTF-8">
<title>My web page</title>
</head>
<body>
</body>
</html>
JS-код можно впихивать как в <head> так и в <body>.
JS-код из внешних файлов грузим так:
<script src = "external.js"></script>
При указании пути к файлу, не следует забывать про абсолютные и относительные пути.
Если хочется и файл подгрузить и свое написать, делаем так:
<head>
<meta charset = "UTF-8">
<title>My web page</title>
<script src = "external.js"></script>
<script>
alert("Hello!");
</script>
</head>
То есть, не пытаемся впихнуть свой код между тегами <script> подгружающими файл.
Если надо подгрузить не один файл, не жадничаем, пишем в столбик:
<script src = "external1.js"></script>
<script src = "external2.js"></script>
Вывод на страницу на страницу:
document.write("<p><b>T</b>est <em>tex<b>T</em></b></p>");
Объявление функции:
function SayHello()
{
alert("Third time hello!");
}
Вызов функции:
SayHello();
Но можно интереснее:
<input type = "button" value = "Click" onclick = "SayHello()"/>
Вызов функции из внешнего файла:
<input type = "button" value = "Click external" onclick = "ExtSayHello()"/>
А во внешний файл (тот, что подключали ранее) пишем:
function ExtSayHello(){
alert("External hello!");
}
Комментариев нет:
Отправить комментарий