数据库中的html源代码返还到页面的iframe中

2019年8月28日 162次阅读 来源: hexy_xiaojie

父页面

<html>
<head>
<title>test</title>
<script type="text/javascript">
     window.onload=function(){
     //要显示的页面html，先放到父页面的隐藏框中
     var html = "<html><body><a href="B.html?word=escape(哈哈)">点击</a></body></html>";
     document.getElementById("htmltext").text = html;
     }
</script> 
</head>
<body>
<textarea rows="5" cols="10" name="htmltext" style="display: none;" id="htmltext"></textarea>
<iframe id="iframes" width="1200px" height="500px" src="1.html"></iframe>
</body>
</html>

1.html文件

<script type="text/javascript">
     window.onload=function(){
          setTimeout(fun,500);//为了是数据先加载到父页面上，所以本页面延迟加载
     }
     function fun(){
          var html = parent.document.getElementById("htmltext").value;
          document.write(html); //把获取的html代码直接放到本页面上。
     }
</script>
    原文作者：hexy_xiaojie
    原文地址: https://segmentfault.com/a/1190000000621796
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞