时间戳

首页 > 解决方案 > 获取当前目录地址为 localhost

html - 获取当前目录地址为 localhost

问题描述

这是此处提出的问题的延续（通过 js 提供 iframe 的链接）作为第二部分。在这里，我打开我的 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";
        }

标签： htmliframeserver

解决方案

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

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

推荐阅读