更改对象中的数据（PDF）

Question

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

JS：

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

HTML：

<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>

CSS：

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

问题：如何更改对象内显示的PDF？我应该使用像iFrame这样的其他观众来实现这一目标吗？

Snippet似乎无法正常工作。 PDF没有显示，但它在我的结束时运作良好。