marcelduran/iframe.html

## iframe.html
<!doctype html>
<html>
  <head>
    <script>foo = 'iframe'</script>
  </head>
  <body>
    <iframe src="index.html"></iframe>
  </body>
</html>

## index.html

<!doctype html>
<html>
  <head>
    <script>foo = 'index'</script>
    <script src="jquery.min.js"></script>
  </head>
  <body>
    <div id="msg"></div>
    <script>
      (function(url) {
        var dom, doc, where, iframe = document.createElement('iframe');
        iframe.src = 'javascript:false';
        (iframe.frameElement || iframe).style.cssText = 'width:0;height:0;border:0';
        where = document.getElementsByTagName('script');
        where = where[where.length - 1];
        where.parentNode.insertBefore(iframe, where);

        try {
          doc = iframe.contentWindow.document;
        } catch(e) {
          dom = document.domain;
          iframe.src = 'javascript:var d=document.open();d.domain="' + dom + '";void(0)';
          doc = iframe.contentWindow.document;
        }
        doc.open()._l = function() {
          var js = this.createElement('script');
          if (dom) this.domain = dom;
          js.id = 'js-iframe-async';
          js.src = url;
          this.body.appendChild(js);
        };
        doc.write('<body onload="document._l()">');
        doc.close();
      })('script.js');
    </script>
    <!--script src="script.js"></script-->
  </body>
</html>

## script.js
foo = 'script';
(function() {
  function wrapped(window, document, iwin, idoc) {
    with (window) {

      console.log(this.foo);
      document.getElementById('msg').innerHTML = $().jquery;

    }
  }
  (window.parent !== window && document.getElementById('js-iframe-async')) ?
    wrapped.call(parent.window, parent.window, parent.document, window, document) :
    wrapped.call(window, window, document);
}());
	<!doctype html>
	<html>
	<head>
	<script>foo = 'iframe'</script>
	</head>
	<body>
	<iframe src="index.html"></iframe>
	</body>
	</html>
	foo = 'script';
	(function() {
	function wrapped(window, document, iwin, idoc) {
	with (window) {

	console.log(this.foo);
	document.getElementById('msg').innerHTML = $().jquery;

	}
	}
	(window.parent !== window && document.getElementById('js-iframe-async')) ?
	wrapped.call(parent.window, parent.window, parent.document, window, document) :
	wrapped.call(window, window, document);
	}());