获取当前目录地址为 localhost

Question

这是此处 (Provide link to iframe via js) 提出的问题的第二部分。在这里，我打开我的 iframe 链接。 iframe 链接打开一个 PDF。我目前正在 localhost 服务器中运行代码，这就是地址为 http://127.0.0.1:5500 的原因。但是当我将它上传到主服务器时，这将改变。我的问题是，因为 PDF 的链接存储在与 index.html 页面相同的目录中。如何根据托管服务器自动生成http://127.0.0.1:5500 或任何其他地址。这样它可以是www.myhostingserver.come/myID/PDFIni.pdf，我不必手动输入托管地址，而只需给出：hostingaddress+"/PDFIni.pdf"？

<script>
...
...

let myIframe = document.getElementById("iframe");
        
        if(myIframe.src != "http://127.0.0.1:5500/PDFIni.pdf")
        {
            console.log(myIframe.src);
            myIframe.src = "http://127.0.0.1:5500/PDFIni.pdf";
        }

Answer 1

尝试使用document.location.hostname。例如：

    var str = 'https://' + document.location.hostname + '/PDFIni.pdf';
    
    if(myIframe.src != str) {
        console.log(myIframe.src);
        myIframe.src = str;
    }