iframe preview

readme

The page name is index.html has iframe window in itself, The iframe page is preview.html
If you want to handling iframe element by js loaded in index.html, That case can't handling if iframe was loaded faster than index.html.
And to no effect links or input tags,You load js that is changes no effect by preview.html better.

index.html

<div class="preview" style="visibility: hidden">
  <iframe src='preview.html' id="preview"></iframe>
</div>

preview.js

/* 
 * preview.js
 * load in index.html page
 */
// After index.html page was loaded, iframe turn visible.
// Because of the case, preview.html in iframe was loaded is faster than index.html was loaded,
// js was loaded in index.html can't move.

$(function(){
  $(window).load(function(){
    $('.preview').css("visibility", "");
  });
})

preview_page.js

/* 
 * preview_page.js
 * load in preview.html page
 */
$(function(){
  $('a').attr("href", "#").removeAttr("target");
  $('input').attr("disabled","disabled");
})