动态创建iFrame，0宽度为0

Question

我有一个动态创建的iFrame，它通过以下方式自动加载HTML：

        var newFrame = document.createElement('frame');
        newFrame.id = theId;
        newFrame.width = "200";
        newFrame.height = "200";
        newFrame.style.width = "200px";
        newFrame.style.height = "200px";
        newFrame.src = 'data:text/html;charset=utf-8,' + encodeURI('<script type="text/javascript>var $ = parent.$;</script>' + data);
        $('#menuContent').append(newFrame);

但是，在页面上，iFrame的width和height都呈现为0。 正确加载iFrame中的内容（通过开发工具可以看到）。有什么我做错了吗？

这是加载的iFrame的图像：

Answer 1

您正在创建frame元素，该元素适用于frameset元素，并且缺少width和heigh属性。请改用iframe元素，即将第一个语句更改为

var newFrame = document.createElement('iframe');