СКРИПТЫ
ТЕГИ:
php (325)
js (242)
html (146)
css (130)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (28)
fonts (26)
link (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
svg (18)
input (18)
hosting (18)
php date (17)
html book (16)
php time (16)
board (16)
color (15)
js url (14)
img (14)
js events (14)
js time (14)
info (13)
select (13)
osclass (13)
htaccess (13)
notepad (13)
знак (12)
php path (12)
keyboard (12)
php img (12)
download (12)
table (12)
dw block (12)
jsphp (11)
form (11)
icon (11)
yandex (10)
mouse (10)
js delete (10)
keyframes (10)
hover (9)
dosite (8)
browser (7)
cookie (7)
comment (7)
php url (7)
php get (6)
click (6)
mysql (6)
canvas (6)
list (6)
iframe (6)
js math (5)
reg.ru (5)
adminka (5)
mb (5)
heading (5)
tag a (5)
chart (5)
search (5)
ftp (5)
year (5)
js id (5)
value (5)
base64 (4)
day (4)
нок (4)
flags (4)
week (4)
xml (4)
scandir (4)
ssl (4)
bbcode (4)
php var (4)
games (4)
console (4)
js form (4)
vk (4)
pages (4)
submit (4)
month (4)
symbols (4)
task (4)
https (3)
js hash (3)
js post (3)
domen (3)
money (3)
vs code (3)
куб (3)
js img (3)
ucoz (3)
padding (3)
captcha (3)
numbers (3)
line (3)
tag hr (2)
qr kod (2)
youtube (2)
video (2)
рся (2)
sitemap (2)
counter (2)
details (2)
prompt (2)
typeof (2)
google (2)
height (2)
arrows (2)
seo (2)
js vars (2)
smile (1)
scroll (1)
speed (1)
нод (1)
archive (1)
header (1)
windows (1)
rutube (1)
jino (1)
cursor (1)

Перезагрузить iframe без перезагрузки страницы

"Перезагрузка iframe" - как "Перезагрузить iframe без перезагрузки страницы".

Подробно о перезагрузке iframe без перезагрузки страницы

  1. Простой пример перезагрузить iframe без перезагрузки страницы
  2. Еще пример перезагрузки iframe


  1. Простой пример перезагрузить iframe без перезагрузки страницы

    Для того, чтобы "перезагрузить iframe без перезагрузки страницы" нам понадобится два адреса. Два адреса - только для того, чтобы вы увидели, что iframe перезагрузился:

    Скопировали iframe из youtube из вкладки поделиться + добавим внутрь тега свой id:

    <iframe id="id_iframe" width="560" height="315" src="https://www.youtube.com/embed/c3tyN5ZTB7I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

    Далее... нам нужна кнопка button.

    Туда поместим onclick

    обратиться к тегу - одним из способов...

    добавим туда src... соберем нашу кнопку:

    <button onclick = 'id_iframe.src = "https://www.youtube.com/embed/lnn7JF3QARw"'>перезагрузить iframe</button>

    Выведем и iframe и кнопку:

    Результат перезагрузки iframe без перезагрузки страницы

    Для того, чтобы перезагрузить iframe - нажмите по кнопке "перезагрузить iframe"


  2. Еще пример перезагрузки iframe

    Рассмотрим пример перезагрузки iframe ...

    Сгенерируем страницу с помощью get

    Куда поместим функцию time, которая будет менять свое значение через секунду! После того, как вы откроете страницу, перезагрузите её через секунду. Вы сможете увидеть, что содержание изменится, что собственно нам и нужно - изменение контента для iframe. Можно посмотреть на результат

    <?
    if($_GET['example'])
    {
    echo(time()); exit;
    }
    ?>

    Далее поместим в iframe нашу ссылку :

    <iframe id="id_iframe2" src="https://dwweb.ru/perezagruzka_iframe.html?example=1"></iframe>

    Аналогично, что мы сделали с кнопкой button - повторим издесь:

    <button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe<</button>

    Соберем код перезагрузки iframe в один код:

    <iframe id="id_iframe2" src="https://dwweb.ru/perezagruzka_iframe.html?example=1"></iframe>
    <button onclick = 'id_iframe2.src = "https://dwweb.ru/perezagruzka_iframe.html?example=1"'>перезагрузи iframe</button>

    Результат перезагрузки iframe

    В iframe вывелось текущее(на момент загрузки страницы) значение "метки времени".

    Чтобы увидеть, что наш iframe перезагрузился - нажмите по кнопке "перезагрузи iframe"

Не благодарите, но ссылкой можете поделиться!
Временная ссылка для быстрейшей индексации : список всех квадратных корней.
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

ruweb dwweb.ru есть здесь:
Последние комментарии :
Марат :
15.08.2023 17:50
Значит в "maxv" сидит…
подробнее.
михаил :
15.08.2023 16:53
а если это сделано для диаграммы values / maxv)…
подробнее.
Марат :
17.07.2023 15:50
Спасибо за интересный вопрос! Посмотрите …
подробнее.
Александр :
17.07.2023 14:58
а как сделать чтобы при повторном клике значение value возвращалось к…
подробнее.
Марат :
30.06.2023 10:18
Спасибо за внимательность!
подробнее.
???? :
29.06.2023 15:37
Прямоугольник - это геометрическая фигура, у которой три угла…
подробнее.
Немного о ruweb.net!
Страница загружена за : 0.016238 секунд. Подробнее