如何用JavaScript更改embed src属性的值?

时间:2015-05-08 15:32:44

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

我使用<嵌入>标记以在我们的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>

1 个答案:

答案 0 :(得分:0)

在我看来,如果使用object而不是embed,以前的报告不会闪烁。