Вывод значения переменной на экран (JavaScript)

Раздел языка JavaScript.
Аватара пользователя
Slash
Администратор
Сообщения: 2029
Поблагодарили: 62 раза

Вывод значения переменной на экран (JavaScript)

Сообщение Slash » Пн ноя 09, 2015 2:47 pm

Здравствуйте.
Созрела идея написать пост на тему как вывести значение переменной JS на экран. Сразу начну приводить примеры.
Первый пример с использованием jQuery, по этому следует подключить jQuery файл. Сделать это можно написав следующею строчку:

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

между тегами <head> и </head>. Далее строчкой ниже вставляем код:

Код: Выделить всё

<script type="text/javascript">
    $(document).ready(function() {
        var danfa = 'Форум web-мастера и ПК'; // Создаём переменную
        $('#display').html(danfa); 
    
});
</script>

Теперь в теле HTML документа, там, где необходимо вывести значение, вставляем блок:

Код: Выделить всё

<div id="display"></div>

Готово. На экране появится строчка:
Форум web-мастера и ПК

Второй пример уже без использования сторонних скриптов, то есть используя этот вариант строчка:

Код: Выделить всё

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

не нужна. Пишем:

Код: Выделить всё

<script type="text/javascript">
    window.onload = function() {
        var danfa = 'Форум web-мастера и ПК'; // Создаём переменную
        document.getElementById('display').innerHTML = danfa;
    };            
</script>

И так же в нужное место вставляем:

Код: Выделить всё

<div id="display"></div>

Результат на экране:
Форум web-мастера и ПК

Вот и всё. Ну, пока всё.
Спасибо за внимание.
Реклама

Вернуться в «JavaScript»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость