如何使用jquery动态创建对象标签并向其中添加替代内容？

Question

我正在尝试使用一个对象将pdf嵌入到我的网页中，该对象将回退到iframe，该iframe通过外部渲染服务为未安装acrobat的用户加载pdf。

我正在尝试这样做：

var container = document.createElement("div");
var object = document.createElement("object");
var iframe = document.createElement("iframe");

$(container).append(object);
$(object).append(iframe);
$("body").append(container);

这在Firefox中有效，但在jQuery核心代码中的IE中导致错误。 当我将iframe附加到对象时，它会中断。

我需要以一种可以使我同时访问对象和iframe元素的方式来创建内容，因为我没有可靠的方法来检测用户是否具有acrobat，因此我依靠浏览器来显示正确的内容，并仅对iframe和对象进行样式设置，以便两者看起来都可以。

什么是跨浏览器的替代方法？

Answer 1

你有这样尝试过吗？

var object = $("<object>");
var container = $("<div>").append(object);
$(object).append("<iframe>");
$("body").append(container);