Javascript 嵌入对象以显示显示为不可见的PDF

我正在使用Javascript向HTML中输入一个嵌入标记以显示pdf。该对象占用空间，但不显示任何内容，本质上是不可见的。我也试着把它放在一个对象标记中，但它不起作用

// Invisible
var pdfObj = document.createElement("embed");
pdfObj.setAttribute("src", "./test.pdf");

content?.appendChild(pdfObj);

pdf文件确实存在，当我简单地将此代码放在HTML中时，它显示得很好，但当我使用javascript时却没有

// works fine
<div class="content" id="main_div">
  <embed src="../test.pdf" width="500" height="375" />
</div>

`pdfObj.setAttribute("src", "./test.pdf");` this is your code.
`pdfObj.setAttribute("src", "../test.pdf");` this is what it needs to be.

//很好用

下面是我使用Javascript时在HTML上的显示方式：

---

谢谢

首先，欢迎来到Stackoverflow。您需要用javascript明确路径

// works fine
<div class="content" id="main_div">
  <embed src="../test.pdf" width="500" height="375" />
</div>

`pdfObj.setAttribute("src", "./test.pdf");` this is your code.
`pdfObj.setAttribute("src", "../test.pdf");` this is what it needs to be.

及

首先尝试创建元素。您刚刚为

document.createElement（“嵌入”）

指定了一个名称。所以首先创建它，然后设置属性。在那之后它就会工作了

---

如果这行不通，让我听听。我会尽我所能提供帮助。首先，欢迎来到Stackoverflow。您需要用javascript明确路径

// works fine
<div class="content" id="main_div">
  <embed src="../test.pdf" width="500" height="375" />
</div>

`pdfObj.setAttribute("src", "./test.pdf");` this is your code.
`pdfObj.setAttribute("src", "../test.pdf");` this is what it needs to be.

及

首先尝试创建元素。您刚刚为

document.createElement（“嵌入”）

指定了一个名称。所以首先创建它，然后设置属性。在那之后它就会工作了

如果这行不通，让我听听。我会尽可能地帮助你