问题标签 [html-object]

最近谷歌浏览器做了更改，默认情况下，跨域 iframe 中包含的内容不能请求或使用以下权限：

所以我们必须在 iframe 中使用 allow 属性，如下所示：

我想知道如果我使用 Object 标签而不是 iframe 会有什么影响？

提前致谢。

我正在使用 HTMLObjectElement 来显示 svg 图形，如下所示：https ://www.sitepoint.com/add-svg-to-web-page/

问题是在javaScript中我做了类似的事情：

当我用鼠标单击它时，永远不会触发 onclick 事件。

如果我使用 img 而不是对象，那么 click 事件会触发。为什么点击事件对对象不起作用？如何获取点击事件？

请注意，我还附加了 objEl.onmouseover 和 objEl.onmouseout 事件，它们工作得很好。只有点击事件对我不起作用。

在加载 HTML 对象时，在 Chrome 中处理加载事件的正确方法排序时遇到了一些麻烦。

我正在使用 HTML 对象将小部件加载到基于 Web 的仪表板中，并且加载事件在 Chrome 中看起来被破坏了，因为我重复触发了加载事件，但前提是我将加载事件中对象的样式设置为位置：绝对。不幸的是，对于我的应用程序来说，这是一个关键功能，因为我需要使用 javascript 将小部件放置在特定的屏幕位置。

下面的小提琴将使 Chrome 进入无限循环，而它只在其他浏览器中触发一次（尽管在我的应用程序中，Chrome 会触发两次加载事件然后停止）。

HTML

JavaScript：

无限循环

我假设这是一个 Chrome 错误，虽然我可以通过检查对象已加载多少次并提前退出加载事件来解决它，但存在性能损失，因为看起来每次都重新加载整个对象（对象中的全局 JavaScript 被重新运行）并且当加载几个小部件作为对象时，浏览器会显着减慢影响最终用户体验的速度。

无论我尝试什么，我似乎都无法避免发生多次重新加载。有没有其他人看到这个错误并且知道如何避免重新加载？

在相关说明中，Chrome 将渲染并显示对象，然后将其移动到闪烁屏幕的正确位置，而其他浏览器将在其最终位置（在运行加载 javascript 之后）呈现小部件，这是一个更好的体验和我找不到停止 Chrome 渲染两次的方法。

[更新 18 年 12 月] - 以下答案中概述的解决方法不再适用于最新版本的 Chrome (71.0.3578.80)，并且 Chrome 会双重加载 HTML 对象并双重触发加载的事件。有关更多信息，请参阅此 Chromium 错误帖子：带有 HTML 对象的 Chrome 错误

嵌入的 HTML 文件是否可以<object>访问其<param>s 的值？

我正在为我的公司带来一个传统的 webapp，也就是说，让它支持 HTML5。在我得到一个合适的模板引擎（以及一个合适的工作树结构和架构，天哪）集成到这个东西之前，我使用<object>标签嵌入 HTML 页面来提供音频/视频播放器之类的东西。

我决定使用<object>而不是<iframe>因为<object>s 可以包含<param>元素。而且，特别是对于 A/V 播放器，我希望能够具有可配置的属性，例如要播放的媒体文件、某些按钮是否出现/隐藏等。Web API 中没有什么对我来说很明显（我仍在寻找），我似乎找不到任何关于是否可以<param>从父页面获取值的信息（搜索已经为我提供了一百万个关于使用<object>和<param>使用 Flash 的结果，这对我来说毫无用处）。

如果这是不可能的，我想我最好使用<iframe>并将其设置src为带有查询字符串的 URL ...

对于那些尝试过jsdifflib的人来说，这个插件会返回一个HTMLTableElement。现在我想尝试在我的 VueJS 组件上渲染/显示它。

我尝试了以下方法：

模板

零件

ES6 服务

我已经跳过了代码逻辑，但我已经检查了dynamicHtmlContent并返回为 HTML 对象，如下面的屏幕截图所示：

不知何故，使用 v-html 是不可能的，因为它只呈现一个对象 {}，如上所说console.log(typeof this.dynamicHtmlContent);那么我如何将它呈现给我的 Vue 组件？我也发现这很难转换成纯字符串。请帮助我。

我正在尝试使用MVC 视图页面<embed>或<object>在 MVC 视图页面中显示 PDF。

查看.cshtml

当我查看页面时，我得到了正确的 PDF 路径，但 PDF 在页面中不可见。

我的相同代码正在处理简单的 HTML 文件。

小路：

I would like to add another property and value into my HTML object, but instead, it's replacing the current value.

This is what I've coded so far in my PHP file.

but when I run the code

I get the two attributes:

"class" "aria-label"

我正在尝试从网站中提取数据。在我的示例中，我正在 Armorgames.com 上搜索搜索词 idle。从那里我想提取每个游戏的名称并将其放入 csv 文件以供以后使用。我的代码：

不幸的是，这不会输出任何结果。我可以使用以下命令查看属性名称：

使用标签“a”，我可以找到路径名包含“play”的游戏。但我无法过滤结果，然后将结果输出到文件

我想在我的网站中嵌入一个外部表单。什么是更安全的，最好的方法？

外部表单（允许表单）也有一个日期选择器（允许脚本），我想在提交时在新窗口/选项卡（允许弹出窗口）中打开它。

使用 iframe 我需要这些权限才能使其工作：

使用对象添加特定类型：

什么是更好的解决方案，更安全，为什么？

提前致谢。

我正在调用的 API 返回一个字符串，例如'JVBERi0xL....(more)'

我将结果值设置为一个变量pdfFile像

我的 HTML 代码是

像这样，我可以在浏览器上显示 pdf，但无法更改 pdf 文件的名称。

求助： 我需要更改标有红色的名称。

添加了更大的图像：上一个图像 的更大版本