I want to create a iframe without src ( about:blank ) but that iframe content some javascript html

I need to do it because I don't want create a hosted webpages on server for this mission, this will make more connection to server which are no good for resource. And also don't want to write direct javascript html on webpage because they make the webpage load slow most time when load/running.

How to do it by using javascript (jquery maybe )?

iframe eg :

<iframe src=about:blank width=300 height=250 scrolling=no frameborder=0 marginwidth=0 marginheight=0 ></iframe>

and its content:

<div>xxx</div>

<script type=text/javascript>var abc=1 </script>

<script type=text/javascript src=http://1234.net/js.js></script>

UPDATE

Thanks for some answered following.
But I need to clarify that script will create iframe by javascript also, because the need to create iframes in one page with different ids.
Please look at my test:
http://jsfiddle.net/rDkEw/

The problems are:
if use document.body.appendChild, the iframe will create on body of webpage, but I need it to keep it inside the current div which hold the JavaScript.