@demiancz

Как добавить ссылку в iframe src по клику на кнопку средствами JavaScript?

На странице есть две кнопки. Нужно, чтобы если человек кликнул по одной кнопке, в iframe появлялась одна ссылка. А если кликнул по другой - то другая ссылка.

<iframe width="640" height="480" src="сюда нужно подставить ссылку" frameborder="0" allowfullscreen></iframe>

<input type="button" id="button1" value="Камера 1">
<input type="button" id="button2" value="Камера 2">


<script>
function button1() {
тут будет ссылка 1
}
function button2() {
тут будет ссылка 2
}

buttonCamera1.onclick = button1;
buttonCamera2.onclick = button2;

</script>
  • Вопрос задан
  • 846 просмотров
Решения вопроса 1
@bqio
https://bqio.github.io/
document.querySelector('iframe').setAttribute('src', 'ссылка');
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@ptenchik0
<iframe id="myIframe" width="640" height="480" src="сюда нужно подставить ссылку" frameborder="0" allowfullscreen>
<input type="button" value="Change site" onClick="button1()" />
<input type="button" value="Change site" onClick="button2()" />

function button1() {
document.getElementById('myIframe').src = 'тут будет ссылка 1';
}
function button2() {
document.getElementById('myIframe').src = 'тут будет ссылка 2';
}
Ответ написан
Комментировать
@Steppp
let iframe = document.querySelector(`iframe`);
function button1() {
iframe .src = 'http// ... ... ...'
}
function button2() {
iframe .src = 'http// ... ... ...'
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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