Inserire codice sorgente in un iframe in maniera dinamica, con JavaScript

Come manipolare il sorgente di questi elementi con JavaScript

Bene, dopo aver creato un elemento iframe nella nostra pagina HTML, passiamo a vedere il codice JavaScript (in questo caso abbiamo jQuery incluso nella pagina):

$("#Mio_iframe").attr("src", "data:text/html;charset=utf-8," +
escape("<style>h1{color: blue}</style>" +
"<h1>Hi</h1>" +
"<script>alert('Prova');</script>"));

Come vedete il codice è semplicissimo, si stratta semplicemente di andare a inserire del testo nell’attributo “src” dell’elemento.
Nello specifico il testo da inserire è il seguente: “data:text/html;charset=utf-8,” + “<style> Codice CSS </style>” +  “Codice HTML” + “<script> Codice JavaScript </script>”.
 

Per caso volete provare questa tecnica su un editor HTML5 Online Italiano?
Spero vi sia stato utile, se volete richiedere qualche guida in particolare, non esitate a commentare!