document.body.innerHTML无法使用iframe

时间:2013-02-11 17:12:16

标签: javascript html iframe

我有一个包含源代码的html文件

<html>
<head><Title>Hello!!</Title>
<script>

window.onload=function(){var bodyElement = document.body;
console.log(document.body.innerHTML);
document.body.innerHTML ='<iframe srcdoc='+document.body.innerHTML+'></iframe>' ;

}
</script>

</head>
<body><h1>Hello World
</h1></body>

<html>

在控制台中显示

<h1>Hello World
</h1>

但是在浏览器中它只显示一个矩形框(期待

Hello World     

in)为什么我得到一个空盒子以及如何将document.body放入iframe?

1 个答案:

答案 0 :(得分:1)

我认为你错过了报价:

document.body.innerHTML ='<iframe srcdoc="'+document.body.innerHTML+'"></iframe>' ;