获取页面 url，从 URL 中删除一个字符串，使用新的 url 嵌入 src

Question

我正在使用 Google Drive PDF 查看器在 HTML 页面中嵌入 PDF 文件。

我正在执行多项操作来修改 PDF URL 以根据某些条件嵌入并将其存储到变量中。 但最后，我无法在 embed src 字段中输入最终 URL。

这是整个脚本：

<embed id="pdfDrive" src="temporary" width="100%" height="100%">

<script>
 var pdfURL = window.location.href;
 pdfURL.replace('/abbac.html?file=', '/');
 var driveURL1 = 'https://drive.google.com/viewerng/'

 finalURL = driveURL1 + 'viewer?embedded=true&url=' + pdfURL;
 finalURL.replace('/abbac.html?file=', '/');
 alert(finalURL.replace('/viewer.html?file=', '/'));

 document.getElementById('pdfDrive').src = finalURL;
</script>

警报返回正确的网址（ finalURL是绝对网址https://drive.google.com/viewerng/viewer?embedded=true&url=https://www.andreadd.it/appunti/polimi/ingegneria/corsi/en_mec_aes/comuni/ anno1/analisi%20I/appunti/Appunti_riassuntivi.pdf ) 但 finalURL 变量没有正确地提供给src 。

嵌入式 Windows 测试是：404 not found：URL 请求https://www.andreadd.it:443/appunti/polimi/ingegneria/corsi/en_mec_aes/comuni/anno1/analisi%20I/temporary

src="temporary" 未使用finalURL更新

谢谢

Answer 1

您可以尝试在获取的元素上使用setAttribute 。

例如 - 在你的情况下，它会像

const pdfDrive = document.getElementById('pdfDrive')
pdfDrive.setAttribute('src', finalURL)

Answer 2

问题是

finalURL.replace('/viewer.html?file=', '/')

还不够。

我用另一个附加变量解决了：

finalURL2 = finalURL.replace('/viewer.html?file=', '/')

然后使用finalURL2。

谢谢