Ghost
Ghost

Ghost»Блоги


День Рождения Ноябрь 11, 1985
Поиск блогов...

Как разбить строку в массив на JavaScript

JavaScript
Чтобы разбить строку в массив я буду использовать функцию split. Данная функция для того и была создана, чтобы возвратить новый массив из предоставленной ей строки. Если разделитель не будет указан или совпадение найдено не будет, то функция вернет массив с одним элементом в виде предоставленной строки. Для пример возьмем строку из пяти букв и трех запятых: a, b, c d, f, запятые будем использовать, как разделитель, то есть то что находится между запятыми станет элементом массива. Разделитель необходимо вставить в саму функцию: split(','). У нас должен получиться массив из четырех элементов, три элемента из одной буквы и один из двух:
Выделить
var str = 'a, b, c d, f';
var arr = str.split(',');

for (var i = 0; i < arr.length; i++) {
    alert(arr[i]);
};

Данный код поочередно выведет на экран четыре сообщения: a b c d f. Мы разбили строку в массив.

Можно задать лимит элементов в массиве, допустим, на выходе получаем массив с четырьмя элементами, а надо получить с тремя. Тут добавляем...

Как передать переменную из JavaScript в PHP

JavaScript PHP
В интернете наткнулся на одну статью, где говорилось, как передать переменную с JS в PHP. Автор статьи показывает пример, как это сделать (Внимание: код не верный):
Выделить
<script type="text/javascript">
<?php $value = ' + value + '; ?>
</script>

Автор гарантирует, что именно так можно передать переменную в PHP. Мне показалось, что я чего то не понял, что возможно автор имел введу, что то другое, но перечитав статью еще раз, понял, что я все правильно понял, что имел введу автор "писанины"!
Ссылаться на эту статью я не буду, называть автора тоже не буду.

Подобные статьи могут завести человека в тупик, так как данная статья рассказывает совершенно о неверном способе передачи переменной с JS в PHP. Меня однажды подобная статья сбила с толку... Если рассуждать логически - PHP работает на стороне сервера и не может быть понятым браузером, а JS выполняется браузером, то есть на компьютере у пользователя и если в браузере будет PHP код, неважно что функция или переменная, он будет...

Событие onError (JavaScript)

JavaScript
Событие onError - выполняется при возникновении ошибки загрузки картинки или документа в целом.

Пример использования:
Выделить
<img src="img.png" alt="" onError="alert('Ошибка загрузки картинки.');">

Пример с использованием метода addEventListener:
Выделить
<img src="img.png" alt="" id="image">

<script type="text/javascript">
var image = document.getElementById('image');

image.addEventListener('error', problem);

function problem() {
    alert('Ошибка загрузки картинки.');
};
</script>
...

Цикл for в JavaScript

for - создает цикл с начальным состоянием, условием и операцией обновления текущего состояния.

Пример синтаксиса:
Выделить
for ([Начальное выражение]; [Состояние]; [Окончательное выражение]) {
    // Какие то действия
};

  • Начальное выражение - Объявление переменной счетчика. Переменную можно объявить при помощи оператора var.
  • Состояние - Проверка: выполнять ли следующею итерацию. Если проверка вернет true, значит цикл выполнит еще одну итерацию, если false, значит цикл заканчивает свое выполнение.
  • Окончательное выражение - Вычисление после каждой итерации (что следует делать). Обычно это прибавление единицы.

Допустим, у нас есть массив day с четырьмя элементами и нам надо каждый элемент, по очереди вывести на экран через alert. Делать будем через цикл for, конечно же! Нам необходимо посчитать количество элементов в массиве, считаем свойством length. Делаем так:
Выделить
var day = ['Утро', 'День', 'Вечер', 'Ночь'];

for (var i = 0; i < day.length; i++) {
    alert(day[i]);
};

Теперь на...

Добавление контента при помощи JavaScript (Не замена)

JavaScript
Многие задают вопрос, как добавить информацию в блок на JavaScript, при чем в блоке уже имеется какая то информация и надо именно добавить, а не заменить. Если сделать так:
Выделить
document.getElementById('content').innerHTML = 'Новая информация';

То все, что находится в блоке с id: content будет заменено на Новая информация, то что было до вставке, будет стерто. Сейчас я расскажу, как можно избежать удаления и сделать именно добавление контента.

Наверное, самый простой (займет всего одну строчку) - добавление контента при помощи +, мы просто добавляем знак плюса перед знаком равно (=), вот так:
Выделить
document.getElementById('content').innerHTML += 'Новая информация';

Теперь текст Новая информация будет добавлен в конец информации в блоке.

Еще один вариант добавления контента при помощи метода appendChild. Предназначение данного метода - добавление узла в указанный ему элемент. Узел добавляется в конец. Делаем так:
Выделить
var div = document.createElement('div');             //
...
Реклама