Как передать несколько переменных из js в html > iframe > src?

Question

[grigoriyarkhipov]

если одна переменная

let url = "https://jekyllrb.com/";
document.querySelector('.js-iframe').src = url;

то значение в src="" передается
<iframe src="" class="js-iframe"></iframe>
Но если указать несколько переменных значение не передается, в чем ошибка?:=

let url = "https://jekyllrb.com/?text=" + text +"&phone=" +number;
document.querySelector('.js-iframe').src = url;

Comments

[Сергей c0re]

быть такого не могет... выведите после
alert (document.querySelector('.js-iframe').src);

[irishmann]

Сергей, что это за убожество, когда есть console.log()?

[Сергей c0re]

irishmann, хахах ))
в курсе, но какая разница, для последнего надо консоль открывать так то...

[irishmann]

Сергей, Это каким бездарным разработчиком надо быть, чтобы не смотреть в консоль, не читать логи и не пользоваться отладчиком? =)

[Сергей c0re]

irishmann, Да простят меня задающие здесь вопросы, их тут через одного, если не больше ;)
ну и как бы это лишнее телодвижение ))))))
PS: это все не имеет отношения к сути вопроса, поэтому думаю не стоит здесь развивать философскую демагогию.

Answer 1

[Vadim Bogomazov]

Что не передается?

Answer 2

[irishmann]

Все прекрасно работает. Возможно у переменных другая область видимости, если вы их определяли через let.

let text = 'sample_text';
let number = '[phone]';
let url = "https://jekyllrb.com/?text=" + text +"&phone=" +number;
document.querySelector('.js-iframe').src = url;
console.log(url);

P.S.: Странный вопрос, не спам ли часом?

Answer 3

[Сергей c0re]

Полагаю что проблема в том что в переменной text есть не английские буквы или символы = & и пр. которые нельзя просто так вставлять в ссылку
см метод - encodeURIComponent(str)

должно быть:

let url = "https://jekyllrb.com/?text=" + encodeURIComponent(text) +"&phone=" +encodeURIComponent(number);
document.querySelector('.js-iframe').src = url;

PS: number на всякий случай :)