Как значение из 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

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 30 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 98 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как загрузить img в первой очереди при загрузке страницы?
- 1 подписчик
- 19 дек.
- 85 просмотров
1

ответ
HTML

+1 ещё

Простой
Как с помощью регулярного выражения найти все теги?
- 1 подписчик
- 19 дек.
- 86 просмотров
2

ответа
HTML

+1 ещё

Простой
Можно ли задать стили внешнему тегу на основе вложенного?
- 1 подписчик
- 18 дек.
- 103 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как сделать универсальную HTML-ссылку на яндекс карты?
- 1 подписчик
- 17 дек.
- 250 просмотров
0

ответов
HTML

Простой
Как записать кол-во успешных прохождений капчи/пароля на js?
- 1 подписчик
- 17 дек.
- 84 просмотра
1

ответ
HTML

+1 ещё

Средний
Как создать такую вот кнопку как на изображении?
- 2 подписчика
- 17 дек.
- 266 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как убрать экспоненциальную запись числа в input type=number?
- 1 подписчик
- 16 дек.
- 92 просмотра
1

ответ
HTML

Простой
Как картинку сделать кнопкой?
- 1 подписчик
- 15 дек.
- 128 просмотров
1

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

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

CRM Bitrix24 разработчик

World Vision Clinic • Москва

от 170 000 ₽

Парсер-бот

22 дек. 2024, в 20:12

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

Парсинг товаров с интернет-магазина

22 дек. 2024, в 19:47

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

Разработать дизайн приложений

22 дек. 2024, в 19:03

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

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?

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

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

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