为什么 chrome 不能在 <object> 标签中起作用

Question

在我的应用程序中，我有两个按钮，button_1 和 button_2。通过 button_1 ，我向服务器发送查询以获取 PDF 文件，然后将其获取并显示在名为 div1 的标签中的 DIV 中。通过 button_2 我发送另一个查询以获取表，它被成功接收并显示在另一个名为 div2 的 div 中。为了优化应用程序，我使用了一个标志，通过选择 button_1 或 button_2，导致第一次和第二次发送查询，并且没有发送查询，只出现 div1 或 div2。使用 firefox 时我没有遇到问题，但是通过使用 chrome，通过将 button_1 切换到 button_2 然后 button_1 ， div1 不显示 PDF 文件，似乎 div1 隐藏。 div2 没有问题，只有包含 PDF 文件的 div1 有问题。如果能指导我，将不胜感激。非常感谢。

Answer 1

使用 Iframe 标记 代替对象标记，因为对象标记将被弃用。

因为

1-object 标签不能可靠地跨浏览器工作。

2-对象标签已弃用。不适用于新网站。

iframe 标记的语法：

<iframe src="https://www.w3schools.com" title="W3Schools Free Online Web Tutorials"></iframe>

使用 iframe 标签时的提示：

提示 1：使用 CSS 设置 iframe 的样式。

提示 2：最好始终为 iframe 包含标题属性。屏幕阅读器使用它来读取 iframe 的内容。

什么时候应该选择 IFrame？

1- 提供您需要的安全性。

2- 不阻塞渲染。

希望对您有所帮助。