2017-02-15 3 views
0

Итак, я изучаю базовый 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>

+0

Какие ошибки вы видите в консоли разработчика - также, отправка формы загружает новую страницу, если вы не предотвращаете * действие * по умолчанию * отправить действие –

+0

отладка 101 - консоль разработчика и панель инструментов разработчика - это покажет вы, что происходит, когда вы нажимаете «идти» –

+0

Вам не нужно использовать '.setAttribute()' для установки свойства «src» - установить свойство непосредственно на узле DOM непосредственно на '