2015-02-09 2 views
-1

просто я пытаюсь реализовать собственный попробовать себя страницу, как W3Schools, которые смогли меня взять HTML и JS код и запускает его внутри фреймавпрыснуть JS внутри фрейма

это мой код

<html><body> 


<script> 

    function update() 
    {document.getElementById('display').contentDocument.documentElement.innerHTML = document.getElementById('mycode').value; 
    } 

</script> 

<input onclick="update()" type="button" value="Update page" sandbox> 
<textarea id="mycode"></textarea> 
<iframe id="display" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"></iframe></body></html> 

но когда я устанавливаю свой код внутри текстового поля, он не запускает никаких сценариев. я попробовал атрибут песочницы, но без результатов

+0

Вам необходимо ссылаться на свойство 'contentWindow' iframe, которое является« окном »iframe. При этом вы можете манипулировать изолированной DOM. – Eclecticist

ответ

0

Вы в основном хотите реализовать свою собственную страницу. , чтобы сделать это, вы можете попробовать это.

<html> 
<body> 
<script> 
    function update{ 
     '#display'.load(document.getElementById('mycode').value); 
    } 
</script> 
<input onclick="update()" type="button" value="Update page"> 
<textarea id="mycode"></textarea> 
<iframe id="display"></iframe> 
</body> 
</html> 
+0

К сожалению, не работает, как я помню .load функция принимает путь, а затем функцию после загрузки, , но мне нужно установить содержание –

+0

Вы можете проверить этот урок, он может помочь вам [ссылка] (http: // guytuts.com/jquery/make-a-html-css-js-try-it-yourself-editor/) –

+0

@HusseinFawzy Plese nform weather вы решили эту проблему. –

Смежные вопросы