Итак, я изучаю базовый HTML и javascript (извините, если это не то, что касается темы), и я пытаюсь создать базовый веб-сайт, на котором пользователи вводят URL-адрес веб-сайта, а затем появляется IFrame с этим сайтом. Я очень новичок в HTML, поэтому это, наверное, что-то глупое, но я не могу найти, что это такое. Меня смущает то, что этот код работает из функции, хотя он действует немедленно и поэтому бесполезен. спасибо за любую помощь!Есть ли причина, по которой этот javascript не сможет изменить атрибут «src» на моем IFrame?
<iframe src="" name="myFrame" id="myFrame"></iframe>
<form onSubmit="setIframe()">
URL: <input type="text" name="urlbox" id="urlbox"> <input type="submit" value="go">
</form>
<script>
function setIframe()
{
\t \t var url = document.getElementById("urlbox").value;
\t \t document.getElementById("myFrame").setAttribute("src","testwebsite.com");
}
</script>
Какие ошибки вы видите в консоли разработчика - также, отправка формы загружает новую страницу, если вы не предотвращаете * действие * по умолчанию * отправить действие –
отладка 101 - консоль разработчика и панель инструментов разработчика - это покажет вы, что происходит, когда вы нажимаете «идти» –
Вам не нужно использовать '.setAttribute()' для установки свойства «src» - установить свойство непосредственно на узле DOM непосредственно на '