Как значение из dev поместить в ссылку iframe?

Question

Broncoopo @Broncoopo

HTML

Как значение из dev поместить в ссылку iframe?

Привет, как можно значение из data-nme засунуть в ссылку iframe ?post=
Нужно чтобы значение из data-nme вставлялось в ?post то есть на данном примере нужно чтобы число 666 заменило число 444555
Можно ли такое провернуть?)

<!DOCTYPE html>
 
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>MySite</title>
    <meta name='viewport' content='width=device-width,initial-scale=1'/>
    <meta content='true' name='HandheldFriendly'/>
    <meta content='width' name='MobileOptimized'/>
    <meta content='yes' name='apple-mobile-web-app-capable'/>
    <link rel="stylesheet" Type="text/css" href="main.css">
</head>
    <div id="opolo" data-nme="666" ></div>
<body>
<iframe src="https://mysite.com/?post=444555&user=49es42y5f5h84bsgf7a244dffb73374sds" frameborder="0" scrolling="no" allowfullscreen="" width="800" height="452"></iframe>
</body>
</html>

Вопрос задан более двух лет назад
65 просмотров

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

3 комментария

Broncoopo @Broncoopo Автор вопроса

Не работает, может что-то не так делаю?

<!DOCTYPE html>
 
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>MySite</title>
    <meta name='viewport' content='width=device-width,initial-scale=1'/>
    <meta content='true' name='HandheldFriendly'/>
    <meta content='width' name='MobileOptimized'/>
    <meta content='yes' name='apple-mobile-web-app-capable'/>
    <link rel="stylesheet" Type="text/css" href="main.css">
</head>
<script type="text/javascript" >
opolo = document.querySelector('#opolo').getAttribute('data-nme');
iframe = document.querySelector('iframe');

url = new URL(iframe.src);
url.searchParams.delete('post');
url.searchParams.append('post',  opolo);

iframe.src = url.href;
</script>
    <div id="opolo" data-nme="666" ></div>
<body>
<iframe src="https://mysite.com/?post=444555&user=49es42y5f5h84bsgf7a244dffb73374sds" frameborder="0" scrolling="no" allowfullscreen="" width="800" height="452"></iframe>
</body>
</html>

Написано более двух лет назад

Vlad @vladgba

Broncoopo, скрипт должен быть ниже тегов с которыми он работает

Написано более двух лет назад

Vlad @vladgba

Broncoopo,

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8" />
    <title>MySite</title>
    <meta name='viewport' content='width=device-width,initial-scale=1'/>
    <meta content='true' name='HandheldFriendly'/>
    <meta content='width' name='MobileOptimized'/>
    <meta content='yes' name='apple-mobile-web-app-capable'/>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <div id="opolo" data-nme="666"></div>
    <iframe src="https://mysite.com/?post=444555&user=49es42y5f5h84bsgf7a244dffb73374sds" frameborder="0" scrolling="no" allowfullscreen="" width="800" height="452"></iframe>

    <script type="text/javascript">
    opolo = document.querySelector('#opolo').dataset.nme;
    iframe = document.querySelector('iframe');

    url = new URL(iframe.src);
    url.searchParams.delete('post', opolo);

    iframe.src = url.href;
    </script>
</body>
</html>

Написано более двух лет назад

Пригласить эксперта

Ответы на вопрос 1

1 комментарий

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Средний
Как поместить картинку рядом с текстом?
- 1 подписчик
- 7 часов назад
- 51 просмотр
1

ответ
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- 15 часов назад
- 413 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- вчера
- 200 просмотров
4

ответа
HTML

+1 ещё

Простой
Почему пустой div смещается, если ему задать margin-bottom?
- 2 подписчика
- вчера
- 180 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать появление баннера от определенной высоты?
- 3 подписчика
- 22 апр.
- 588 просмотров
1

ответ
HTML

+1 ещё

Простой
Как сделать, что бы кнопка при ховере увеличивала ширину?
- 1 подписчик
- 21 апр.
- 92 просмотра
1

ответ
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 19 апр.
- 87 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 19 апр.
- 217 просмотров
1

ответ
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 19 апр.
- 54 просмотра
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 19 апр.
- 102 просмотра
1

ответ
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Анимация логотипа

24 апр. 2024, в 00:08

20000 руб./за проект

Разработка дизайна раздела «Статьи» на сайте «Мир отходов»

23 апр. 2024, в 23:01

10000 руб./за проект

Дизайн личного кабинета (клиентская часть)

23 апр. 2024, в 22:37

500 руб./в час

Answer 1 · 2021-12-23 08:03:31

opolo = document.querySelector('#opolo').getAttribute('data-nme');
iframe = document.querySelector('iframe');

url = new URL(iframe.src);
url.searchParams.delete('post');
url.searchParams.append('post',  opolo);

iframe.src = url.href;

Answer 2 · 2021-12-23 08:23:55

var opolo = document.querySelector("#opolo").dataset.nme;
var frame = document.querySelector("iframe");
var url = new URL(frame.src);
url.searchParams.set('post',  opolo);
iframe.src = url.href;

Как значение из dev поместить в ссылку iframe?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт