Javascript 更改对象中的数据（PDF）

因此，当用户按下按钮时，我想将我网站上显示的PDF更改为另一个。简单地更改数据似乎没有任何作用，但我认为存在一个错误，这就是问题所在

JS:

function changePDF() {
  var element = document.getElementById("pdf");
  element.setAttribute("data",
  "http://www.minigal.dk/minigalnano/photos/Supported%20filetypes/PDF.pdf");
}

<div class="pdf_window">
  <object id="pdf" data="http://fzs.sve-mo.ba/sites/default/files/dokumenti-vijesti/sample.pdf" type="application/pdf" width="100%" height="100%">
  </object>
</div>

.pdf_window {
  display: block;
  background-color: pink;
  width: 100%;
  height: calc(100% - 56px);
  min-height: 200px;
  float: left;
}

HTML:

function changePDF() {
  var element = document.getElementById("pdf");
  element.setAttribute("data",
  "http://www.minigal.dk/minigalnano/photos/Supported%20filetypes/PDF.pdf");
}

<div class="pdf_window">
  <object id="pdf" data="http://fzs.sve-mo.ba/sites/default/files/dokumenti-vijesti/sample.pdf" type="application/pdf" width="100%" height="100%">
  </object>
</div>

.pdf_window {
  display: block;
  background-color: pink;
  width: 100%;
  height: calc(100% - 56px);
  min-height: 200px;
  float: left;
}

问题：如何更改对象内部显示的PDF？我应该使用另一个查看器（如iFrame）来实现这一点吗

---

这个片段似乎不起作用。PDF没有显示，但在我这方面效果很好。

我测试了你的代码，效果很好。您在哪里调用

changePDF

？真的吗？我把它叫做：最后的问题。您的控制台中有javascript错误吗？我可以看看包含

changePDF（）

（如果可能，从标记中）的部分吗？下面是代码：我没有JS文件。遗憾的是，我不知道如何看到控制台错误。到目前为止，我还没有使用过任何控制台，因为我对HTML/JS还是相当陌生的。任何关于如何使用它的指示都是很感激的。对不起，是我的错。在这种情况下，问题不在javascript中。我看到Chrome中的数据值也发生了变化。嗯。。。。。