HTML Javascript


Advertisements

Подлинник является маленькой частью программы, которая может добавить интерактивность к Вашему веб-сайту. Например, подлинник мог произвести выскакивающее сообщение окна с предупреждением или предоставить dropdown меню. Этот подлинник мог быть написан, используя Javascript или VBScript.

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

Теперь дни только Javascript и связанные структуры используются большинством разработчиков веб-страниц, VBScript даже не поддержан различными главными браузерами.

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

Внешний Javascript

Если Вы собираетесь определить функциональность, которая будет использоваться в различных документах HTML тогда, лучше держать ту функциональность в отдельном файле Javascript и затем включать тот файл в Ваши документы HTML. У файла Javascript будет расширение как .js , и это будет включено в файлы HTML, используя < script> признак.

Пример

Полагайте, что мы определяем маленькое использование функции Javascript в script.js , у которого есть следующий кодекс:

function Hello()
{
    alert("Hello, World");
}

Теперь давайте используем вышеупомянутый внешний файл Javascript в нашем после документа HTML:

<!DOCTYPE html>
<html>
<head>
<title>Javascript External Script</title>
<script src="/html/script.js" type="text/javascript"/></script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="Click Me"  />
</body>
</html>

Это приведет к следующему результату, где Вы можете попытаться нажать на данную кнопку:

Внутренний Подлинник

Вы можете написать свой кодекс подлинника непосредственно в Ваш документ HTML. Обычно мы держим кодекс подлинника в заголовке документа, используя < script> признак, иначе нет никакого ограничения, и Вы можете поместить свой исходный код где угодно в документ, но внутри < script> признак.

Пример

<!DOCTYPE html>
<html>
<head>
<title>Javascript Internal Script</title>
<base href="http://www.tutorialspoint.com/" />
<script type="text/javascript">
function Hello(){
   alert("Hello, World");
}
</script>
</head>
<body>
<input type="button" onclick="Hello();" name="ok" value="Click Me"  />
</body>
</html>

Это приведет к следующему результату, где Вы можете попытаться нажать на данную кнопку:

Обработчики событий

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

Следование примеру объясняет, как написать обработчик событий. Давайте напишем один простой EventHandler() в заголовке документа. Мы вызовем эту функцию, когда любой пользователь принесет мышь по параграфу.

<!DOCTYPE html>
<html>
<head>
<title>Event Handlers Example</title>
<base href="http://www.tutorialspoint.com/" />
<script type="text/javascript">
function EventHandler(){
   alert("I'm event handler!!");
}
</script>
</head>
<body>
<p onmouseover="EventHandler();">Bring your mouse here to see an alert</p>
</body>
</html>

Теперь это приведет к следующему результату. Принесите свою мышь по этой линии и посмотрите результат:

Принесите свою мышь здесь, чтобы видеть тревогу

скрывают подлинники от более старых браузеров

Хотя большинство (если не все) браузеры в эти дни поддерживает Javascript, но все еще некоторые более старые браузеры не делают. Если бы браузер не поддерживает JavaScript, вместо того, чтобы управлять Вашим подлинником, это показало бы кодекс пользователю. Чтобы предотвратить это, Вы можете просто поместить комментарии HTML вокруг подлинника как показано ниже.

JavaScript Example:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>

VBScript Example:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>

The <noscript> Элемент

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

JavaScript Example:
<script type="text/javascript">
<!--
document.write("Hello Javascript!");
//-->
</script>
<noscript>Your browser does not support Javascript!</noscript>
VBScript Example:
<script type="text/vbscript">
<!--
document.write("Hello VBScript!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

язык сценариев по умолчанию

Может быть ситуация, когда Вы будете включать многократные файлы подлинника и в конечном счете использование многократного < script> признаки. Вы можете определить язык сценариев по умолчанию для всего своего подлинника признаки. Это спасает Вас от определения языка каждый раз, Вы используете признак подлинника в пределах страницы. Ниже пример:

<meta http-equiv="Content-Script-Type" content="text/JavaScript" />

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

Advertisements