Нужно динамически менять фрейм

Question

Нужно динамически менять фрейм

0

Я делаю простой редактор кода. Две панели - одна для записи кода, а другая для вывода вывода.

Для Html и Css приведенный ниже код работает нормально. Но для javascript который должен выполняться при загрузке страницы, это не работает. При нажатии кнопки " Обновить страницу" код ввода должен отображаться на кадре отображения. Как простое alert при загрузке страницы не работает.

Мой вопрос заключается в том, как я должен подражать действию reload кадра. У меня нет значения атрибута src для фрейма, поэтому он не может перезагрузить его.

<html>
<body>
<script>
function update()
{
   var x = document.getElementById('mycode').value;
   frames['display'].document.documentElement.innerHTML = x;
}
</script>

<input onclick="update();" type="button" value="Update page">
<textarea id="mycode"></textarea>
<iframe id="display"></iframe>

</body>
</html>

Когда этот код вводится в текстовое поле, он не будет работать в кадре.

<html>
<script>alert(123);</script>
</html>

Но для нормального html, css это работает. Как мне сделать код javascript, как указано выше, который только запускается во время работы pageload в кадре?

Редактор работает с этим javascript

<html>
<input onclick="alert(123);" type="button" value="Works">
</html>

coding 03 янв. 2014, в 21:03

Источник

0

javascript может получить доступ только к локальным ifames (которые были созданы вашим кодом или загружены с того же сервера).
Epsil0neR 03 янв. 2014, в 19:18
0

@Epsil0neR Epsil0neR При нажатии кнопки «Обновить страницу» код из текстовой области загружается во фрейм.
user1032317 03 янв. 2014, в 19:21

Теги:

javascript

html

iframe

1 ответ

Ещё вопросы

javascript может получить доступ только к локальным ifames (которые были созданы вашим кодом или загружены с того же сервера).
@Epsil0neR Epsil0neR При нажатии кнопки «Обновить страницу» код из текстовой области загружается во фрейм.

Cilan · Accepted Answer · 2014-01-03T17-41-00.000Z

использование

<input type="button" id = "btn" value="Update Page" />
<textarea id="mycode"></textarea>
<iframe id="display"></iframe>

как ваш HTML и

document.getElementById('btn').onclick = function()
{
    var x = document.getElementById('mycode').value;
    document.getElementById('display').contentDocument.write(x);
}

как ваш Javascript.

contentDocument.write используется для записи iframe innerHTML. См. Set innerHTML iframe

DEMO