如何使用 JavaScript 更改 embed src 属性的值？答案

【问题标题】：How to change the value of embed src attribute with JavaScript?如何使用 JavaScript 更改 embed src 属性的值？
【发布时间】：2015-05-08 15:32:43
【问题描述】：

我使用标签在我们的 Web 应用程序中显示 pdf 报告。
为了显示下一个 pdf 报告，我删除了整个标签并添加了另一个带有修改的 src 属性的标签。
不能只修改 embed 标签的 src 属性来显示新的 pdf 报告。您应该删除旧的元素并添加新元素以更新页面上的 pdf。
它工作正常。
但是，如果用户通过远程桌面 Web 访问访问 Web 应用程序，则此方法不起作用。
在这种情况下，当用户打开新报表时，之前打开的报表会短暂显示。
有谁知道如何禁用旧 pdf 报告的闪烁？
是远程桌面 Web 访问中的错误吗？
或者我应该使用其他方法删除/添加嵌入元素？

<!doctype html>
<html>
<body>
   <input type="button" id="openPDF1" value="Open PDF1"/>
   <input type="button" id="openPDF2" value="Open PDF2"/>
   <input type="button" id="removePDF" value="Remove PDF"/>

   <div id="pdfPlaceholder"></div>

   <script src="jquery-1.11.3.min.js"></script>
   <script>
      $( document ).ready(function() {
         $("#openPDF1" ).click(function() {
            $("#pdfPlaceholder" ).append("<embed id='pdf' src='doc1.pdf' type='application/pdf' style='width: 100%; height: 665px;' cache='false'/>");
         });

         $("#openPDF2").click(function() {
            $("#pdfPlaceholder").append("<embed id='pdf' src='doc2.pdf' type='application/pdf' style='width: 100%; height: 665px;' cache='false'/>");
         });

         $("#removePDF").click(function() {
            $("#pdf").remove();
         });
      });
   </script>
</body>
</html>

【问题讨论】：

标签： jquery html web-applications remote-desktop adobe-reader

【解决方案1】：

在我看来，如果使用对象而不是嵌入，以前的报告不会闪烁。

【讨论】：