Полюбите код! И он полюбит Вас!

Последние комментарии:

Марат : Для этого и делали! Рад, что помог! Приходите ещё! далее

2018-02-16 20:31:51



Виктор : Спасибо! Очень полезная статья. Нужно было очистить всю базу данных, далее

2018-02-16 20:30:13



Евгений : Спасибо за перевод sublime!!!! далее

2018-02-15 16:42:05



Марат : Вообще, после написания статьи - у них вышло обновление, может далее

2018-02-13 19:19:01



Сергей : Доброе время суток!После правки кода, капчи вообще нет! Ни старой, далее

2018-02-13 19:10:15



Это интересно:

Рейтинги страниц.

Вы здесь - Главная - Javascript

Инклуд в явасскрипт

include в javascript примеры

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

Нам нужен простой! Короткий код, который мы в состоянии понять! Поскольку мы, еще не разбираемся в javascript также как и в php , то приходится всё делать по-наитию!

Сразу надо начать с моего огромного удивления, почему не сделали простой до банальности функцию, как в php "include" - мне не понятно! Но как говорится у программистов своя логика... И да, если вы не в курсе, то include в javascript не существует! Есть заменители и вот о них-то мы сегодня и погорим!

1.

Итак первый вариант, он может использоваться при трансляции кода с другого сайта, к примеру как вот этот:

а)

Данный код вставляем на страницу. где нужно вывести соответствующий код с другой страницы.

<script type="text/javascript" src="http://marrex.ru/a-data/SEND/send_reklama_500_na_120.html"></script>

б)

Это второй кусок кода, который должен находиться на второй странице с которой будет транслироваться код на первую страницу.

Если вы перейдете на страницу то нажав сочетание клавиш ctrl + U, увидите следующий код:

document.write('<a href=http://marrex.ru/Raznoe/5_macbook-pro-2017.html target=_blank><img src=http://marrex.ru/a-data/SEND/send_reklama_500_na_120.png width=500 height=120 alt=macbook_pro_2017></a>');

Смотрим результат работы скрипта замены инклуд:

И да! Если вы обратили внимание, то данный баннер висит у нас сверху страницы...

Недостатки первого варианта.

Если вам требуется вывести большой код, то скопировать полстраницы и вставить вовнутрь не получится - произойдет ошибка, потому, что каждый перенос нужно оформлять соответствующим способом... например возьмем верхний код и покажем, как это следует сделать:

document.write('<a href=http://marrex.ru/Raznoe/5_macbook-pro-2017.html'

+'target=_blank><img src=http://marrex.ru/a-data/SEND/send_reklama_500_na_120.png'

+' width=500 height=120 alt=macbook_pro_2017></a>');

Аналог include в явасскрипт

Вариант №2.

Если нет подключенных библиотек. то между тегами Вставляем данный код.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

В тегах "div" с "ид" равным "content" передается информация с вашей другой страницы.

Можно использовать относительный путь, если файл находится в этой же папке, то можно использовать лишь название файла.

Далее в том месте, где мы хотим внести инклуд через javascript вписываем такую строчку.

<div id="content"></div><script type="text/javascript"> $(function () { $('#content').load('http://dwweb.ru/a-store/Primer/5-javascript_include_primer.html'); });</script>

И для иллюстрации функции include в явасскрипт смотрим вывод информации из двух файлов:

Из HTML файла:

Из TXT файла:

И да! Совсем забыл, если вы используете данную функцию более одного раза на странице, то нужно изменить ид например на такой - id="content_2" + в самой функции надо заменить "#content" на "content_2"

Понравилась статья!? Не стесняйся – поделись ссылкой!

И!

Пожалуйста! Если вам не трудно - прокомментируйте то, что вы прочитали! Вам понравилось, или не понравилось! Напишите, какие мысли возникли у вас, и это бесплатно для вас, но очень ценно для нас!!! Всё, что вы здесь видите - это написано для вас! Никаким другим образом мы не можем понять вашу реакцию. Может, что-то стоит добавить или наоборот убрать. Либо, что-то стоило изменить...

P.S.

25 октября 2017

Мы запустили подписку на новости по емайлу, как только выходит новая статья, то будет отправлено сообщение на почту, что вышла новая статья!

Почему стоит подписаться на наши новости!?

Расскажу историю, вчера искал ответ на один из вопросов (конечно, я могу и сам написать, но чаще всего, вначале, ищу в интернете, может есть готовое решение…) и было множество вариантов, которые были описаны, но ни одного, с примерами! И мало того, что они предлагают решения, которые непонятно как реализовывать, особенно новичкам, у которых больше вопросов, чем ответов. Так они еще и не работают!

У нас же, на сайте – только рабочие проверенные скрипты! Полностью с описанием и с примерами! И реализовать может человек с нулевыми знаниями!

Мы есть здесь:

Проголосовать за статью!
  С 24 сентября мы запускаем новый скрипт в тестовом режиме (только свои скрипты)
  Вы можете проголосовать за понравившуюся статью.

  Еще никто не проголосовал
    


Просмотров 294

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

Если вы не нашли подходящего блока объявлений, то вы еще можете помочь проекту!

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

Оставить комментарий:

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



Комментарии

Комментариев пока нет.

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Перечеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить маркированный список Вставить нумерованный список Вставить ссылку Вставить e-mail Вставить изображение Вставить видео
 
Улыбка Печаль Удивление Смех Злость Язык Возмущение Ухмылка Подмигнуть Испуг Круто Скука Смущение Несерьёзно Шокирован
 
5000
Напишите слово топор наоборот.
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 

Оставить комментарии через вконтакте

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растфнуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования