如何使用 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 中有效，但在 IE 中的 jquery 核心代码中导致错误。当我将 iframe 附加到对象时它会中断。

我需要以一种可以访问对象和 iframe 元素的方式创建内容，因为我没有可靠的方法来检测用户是否有 acrobat，所以我依靠浏览器来显示正确的内容并设置 iframe 和对象的样式，以便其中任何一个看起来都不错。

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

Answer 1

你试过这样吗？

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