Программирование - это просто
Advertisement
Главная arrow C#, Delphi, VB, F#, Web и пр. arrow Web-программирование arrow Уроки Java Script arrow Web-программирование: "Java Script(JS): Сильные стороны JS. Продолжение-3".
22.06.2018 г.
Главное меню
Главная
Системный подход
Интернет магазин
Биржевые роботы
Программные продукты
Математика и информатика
1С:Предприятие
C#, Delphi, VB, F#, Web и пр.
Искусственный интеллект
Услуги
Ча. Во. (FAQ)
Платный раздел
Наука для чайников
Разное
Размышления
Карта сайта
Друзья сайта
Excel-это не сложно
Все о финансах
Web-программирование: "Java Script(JS): Сильные стороны JS. Продолжение-3". Печать E-mail
Автор megabax   
19.04.2018 г.
Урок 13. Управление шрифтами в CSS New Page 1

Web-программирование: "Java Script(JS): Сильные стороны JS. Продолжение-3".

Продолжаем рассматривать сильные стороны JS. Сегодня поговорим о глобальных переменных. JavaScript позволяет создавать легко глобальные к месту и не к месту. Но этого делать не стоит. Лучше всего вообще отказаться от глобальных переменных, оставив только одну глобальную переменную, которая отвечает за приложение в целом. Например, вот так:

 

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 126. Java Script (JS): Избавляемся от глобальности</title>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

            var MyAPP={};

            MyAPP.proba="this is proba";

           

            function test() {

                alert(MyAPP.proba);

            }          

        </SCRIPT>

    </head>

    <body>

        <form name="myform" method="GET">

            <input type="submit" value="OK" name="ok" ONCLICK="return test()">

        </form>

    </body>

</html>

 

Но еще лучше вынести программу на JS  в отдельный файл (см. урок Уроки Web-программирования: «Java Script (JS): вынос сценария во внешний файл»). А для работы с приложением организовать специальный класс. Например, вот так:

 

//Создаем прототип приложения

var application=

{

    title:"Мое приложение",

    description:

    {

        author:"Шуравин Александр",

        version:1.1

    }

};

 

И вот так использовать:

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 126. Java Script (JS): Избавляемся от глобальности</title>

        <SCRIPT Language="JavaScript" type="text/javascript" src="myapp.js">

        </SCRIPT>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">      

            function about() {         

                div_el=document.getElementById("about");

                s="<h1>"+application.title+"</h1>";

                s=s+"Автор: "+application.description.author+"<br>";

                s=s+"Версия: "+application.description.version+"<br>";

                div_el.innerHTML=s;

            }          

        </SCRIPT>      

    </head>

    <BODY>

        <input type="button" value="О программе" name="btnAbout" onClick="about()">

        <div id="about"></div>

    </BODY>

</html>

Если мы запустим программу и нажмем на кнопку то увидим вот что:

Web-программирование: "Java Script(JS): Сильные стороны JS. Продолжение-3".

 

Но еще лучше вообще засунуть функцию about в класс приложения:

//Создаем прототип приложения

var application=

{

    title:"Мое приложение",

    description:

    {

        author:"Шуравин Александр",

        version:1.1

    },

   

    //Метод вывода информации о программе

    about: function(param)

    {

        div_el=param.getElementById("about");

        s="<h1>"+application.title+"</h1>";

        s=s+"Автор: "+application.description.author+"<br>";

        s=s+"Версия: "+application.description.version+"<br>";

        div_el.innerHTML=s;

    }

};

 

Тогда мы можем написать в HTML-файле:

<html>

    <head>

        <meta charset="UTF-8">

        <title>Урок 126. Java Script (JS): Избавляемся от глобальности</title>

        <SCRIPT Language="JavaScript" type="text/javascript" src="myapp.js">

        </SCRIPT>

        <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">      

            function about() {     

                application.about(document);

            }          

        </SCRIPT>      

    </head>

    <BODY>

        <input type="button" value="О программе" name="btnAbout" onClick="about()">

        <div id="about"></div>

    </BODY>

</html>

 Результат будет тот же самый, но код более лаконичный.

 

Последнее обновление ( 19.04.2018 г. )
 

Добавить комментарий


Защитный код
Обновить

Пред. »
 
© 2018 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги
Мы принимаем
Банковские карты
Оплатите покупку в интернет-магазине банковскими картами VISA и Mastercard любого банка.
узнать больше
Электронный кошелек
Моментальная оплата покупок с помощью вашего электронного кошелька RBK Money.
узнать больше
Банковский платеж
Оплатите покупку в любом российском банке. Срок зачисления средств на счет - 3-5 рабочих дней.
узнать больше
Денежные переводы
Оплата покупок через крупнейшие системы денежных переводов CONTACT и Unistream.
узнать больше
Почтовые переводы
Оплатите покупку в любом отделении Почты России. Срок зачисления платежа - 3-4 рабочих дня.
узнать больше
Платежные терминалы
Оплата покупок в терминалах крупнейших платежных систем в любом городе России - быстро и без комиссии.
узнать больше