Javascript创建IFrame

Question

我正在尝试在父div中创建IFrame元素。这是我的javascript代码：

var e = document.createElement('iframe');
e.setAttribute('src', 'http://www.example.com/);
e.setAttribute('scrolling', 'no');
e.style.border = "none";
e.style.overflow = "hidden";
e.style.overflowX = "hidden";
e.style.overflowY = "hidden";
var c = document.getElementById('parentDiv');
c.appendChild(e);

当我在另一个站点（emmbeded代码）中使用此脚本时，我得到了这个结果：

<div>
<div id="parentDiv">
<iframe src="http://www.example.com/" scrolling="no" style="width: 250px; height: 60px; border: medium none; overflow: hidden;">
</iframe>
<iframe src="http://www.example.com/" scrolling="no" style="width: 250px; height: 60px; border: medium none; overflow: hidden;">
</div>
<script type="text/javascript" src="http://example.com/path" >
</div>

正如您所看到的，之前的代码正在创建两个IFrame （而不是一个），我不知道为什么。

为什么会这样？