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

Question

我正在尝试使用将回退到 iframe 的对象将 pdf 嵌入到我的网页中，该 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);