Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

Использование JavaScript

HTML в сценарии должен находиться между тегами <SCRIPT> и </ SCRIPT> тега.

Сценарий может быть помещен в HTML-страницы <тело> и <HEAD> раздел.


Тег <Script>

Чтобы вставить JavaScript в HTML-страницы, используйте тэг <SCRIPT>.

<Script> и </ скрипт> говорит JavaScript, где начинаются и заканчиваются.

Строка кода <скрипт> и </ SCRIPT> между содержит JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Вы не понимаете, приведенный выше код. Просто понимаю, что браузер будет интерпретировать и выполнять JavaScript-код в <скрипт> и </ SCRIPT> между

лампа Примеры тех старых могут использовать тип = "текст / JavaScript" в теге <скрипт>. Теперь вам не нужно делать это. JavaScript это все современные браузеры и HTML5 язык сценариев по умолчанию.


<Body> в JavaScript

В этом примере, JavaScript на странице HTML загружается, когда <тело> написать текст:

примеров

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

Попробуйте »


JavaScript функции и события

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

В общем, нам нужно выполнить код, когда происходит событие, например, когда пользователь нажимает на кнопку.

Если поместить код JavaScript в функции, вы можете вызвать функцию, когда происходит событие.

Вы узнаете больше о знании функций и событий JavaScript в последующих главах.


В <HEAD> или <тело> из JavaScript

Вы можете разместить неограниченное количество скриптов в HTML-документе.

HTML сценарий находится в <тело> или <HEAD> раздел, или существуют в двух секциях.

Обычной практикой является функционировать в секции <HEAD>, или на нижней части страницы. Так что они могут быть размещены в том же самом месте, к которому не мешает содержание страницы.


Функции <Head> JavaScript

В этом случае, у нас есть функция JavaScript помещается в HTML-страницы <HEAD> секции.

Эта функция вызывается при нажатии на кнопку:

примеров

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


Попробуйте »


Функции <Body> JavaScript

В этом случае, у нас есть функция JavaScript помещается в <тело> HTML-страницы.

Эта функция вызывается при нажатии на кнопку:

примеров

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


Попробуйте »


Внешний JavaScript

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

расширение файла .js внешних файлов JavaScript.

Чтобы использовать внешний файл, установите файл .js в <сценарий> тег является "SRC" атрибут:

примеров

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Попробуйте »

Вы можете поместить скрипт в <HEAD> или <тело> в фактических результатов деятельности и вы пишете сценарий точно такой же <сценарий> тег.

myScript.js код файла выглядит следующим образом:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
лампа Внешний скрипт не может содержать тег <SCRIPT>.