JavaScript » Web Мастерская | Блог :: Страница: 6

DANFA

Блог

Добавить

Web Мастерская

Информация Подключиться

Отличие объявления переменных через let и var в JavaScript

Самое главное отличие между let и var, как мне кажется - это видимость объявленной переменной. Переменная, что была объявлена через var будет видна по всей функции, переменная, что была объявлена через let, будет видна только в блоке, то есть между фигурными скобками { и }, где она и была определена, или видна не будет в блоке, если переменная объявлена вне блока.

Пример объявления переменной через var:

Выделить

var variable = 'Первое значение';
if (variable) {
	var variable = 'Второе значение';
};

alert(variable); // На экране: "Второе значение"

Пример объявления переменной через let:

Выделить

let variable = 'Первое значение';
if (variable) {
	let variable = 'Второе значение';
};

alert(variable); // На экране: "Первое значение"

Код первого примера выведет на экран строку "Второе значение", код второго примера выведет на экран "Первое значение"....

Жалоба

Определить страну и город на JS + API Яндекс

Для того, что бы определить страну и город на JS + API Яндекс, подключаем между тегами <head> и </head> jQuery и API Яндекс, например так:

Выделить

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.0-stable/?load=package.standard&lang=ru-RU" type="text/javascript"></script>

Далее пишем код, который будет забивать название страны и города в переменные и передавать их в блоки для вывода на экран:

Выделить

<script type="text/javascript">
    $(document).ready(function() {
        ymaps.ready(function() {
            var country = ymaps.geolocation.country;
            var city = ymaps.geolocation.city;
            
            $('#country').html('Выша страна ' + country);            
            $('#city').html('Выша город ' + city);
        });
    });
</script>

Теперь в нужной части страницы вставляем:

Выделить

<!-- Для вывода страны -->
<div id="country"></div>

<!--

...

Жалоба

Как подключить highlight.js (Подсветка синтаксиса)

Подключить highlight.js на сайте довольно просто, для этого переходим на сайт: https://highlightjs.org/ выбираем все языки, которые необходимо посветить на вашем сайте и скачиваем архив (https://highlightjs.org/download/).
Распаковываем архим, файл highlight.pack.js и один из файлов стиля (css) помещаем на вашем сайте, далее между тегами <head> и </head> подключаем файл highlight.pack.js, прописывая:

Выделить

<script type="text/javascript" src="js/highlight.pack.js"></script>

И файл стиля, например vs.css:

Выделить

<link rel="stylesheet" href="css/vs.css" />

Еще один код, который надо вставить между тегами <head> и </head>:

Выделить

<script type="text/javascript">
    hljs.initHighlightingOnLoad();
</script>

Теперь тот код, что надо подсветить помещаем между тегами:

Выделить

<pre><code>
    <!-- Тут код, который необходимо подсветить -->
</code></pre>

Вот и всё!

Спасибо за внимание!...

Жалоба

Удалить пробелы в начале и в конце строки на jQuery

JavaScript Библиотека JS

Порой появляется необходимость удалить пробелы в начале и в конце строки, например, когда надо проверить поле формы на пустоту. Удаляются пробелы при помощи функции trim, предназначение этой функции, как раз для удаления пустого место с начала и конца строки. Делается это так:

Выделить

row = $.trim(row);

Чтобы убедиться, что функция действительно работает, могу предложить попробовать выполнить код ниже:

Выделить

var row = ' Библиотека jQuery      ';
alert('\'' + row + '\'');
row = $.trim(row);
alert('\'' + row + '\'');

Тут мы создаем переменную с пробелами в начале и в конце фразы "Библиотека jQuery". Функция alert, строчкой ниже, выведет окошко с сообщением:

' Библиотека jQuery '

Видно, что между фразой и кавычками имеются пробелы.
Дальше по коду, функция trim удаляет пробелы и отдает новое значение той же переменной.
Кстати писать функцию необходимо со знаком доллара, либо со словом jQuery (так: $.trim или так: jQuery.trim), в противном случаи, функция работать не будет и...

Жалоба

Массивы (JavaScript: Array)

Массив - это одна из разновидность объекта, чье предназначение - хранить различные значения.

Пустой массив:

Выделить

var a = [];

Или:

Выделить

var a = new Array();

Массив с четырьмя значениями:

Выделить

var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];

Или:

Выделить

var family = new Array(
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
);

"Вытащить" значение из массива можно так family[0] (первое значение (Алексей)), family[1] (второе значение (Виктория)) и так далее.
Пример:

Выделить

var family = [
    'Алексей',
    'Виктория',
    'Юлия',
    'Никита'
];
alert(family[1]);

На экране появится окошко с именем "Виктория"....

Жалоба