通过 JS 进行异地 html 加载的直接路径 "alternative"

Question

目前，我的方法 () 是通过以下方式将异地 html 加载到当前页面：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>   
<script type="text/javascript">
$(document).ready(function(){
    $("#output").load("https://homepageforme.com/pathtofile/Search.html");
});
</script>
    <div class="formClass">
        <div id="output">
        </div>

我唯一抱怨的是需要我指定一个完整的“url”.

F.e。在 iframe 中，我可以简单地声明“Search.html”（类似于 href），但这里不起作用。

如果没有其他解决方法，我可以接受“获取当前 window url”（window location）（没有当前页面的最终文件） => https://homepageforme.com/pathtofile/

然后添加文件名“Search.html”

获取“https://homepageforme.com/pathtofile/Search.html”

那样并能够像这样将它提供给 JS。

原因是，如果我想迁移网站，我不得不手动编辑路径。

Answer 1

所以你想要 URL 没有最后一部分 (/*.html)，那么，它是 :

window.location.href.match(/(.*)[\/\]/)[1]

那么，就变成了：

var baseUrl = window.location.href.match(/(.*)[\/\]/)[1];
$("#output").load(baseUrl + "/Search.html");

NOTE - If you just want to reuse the origin (http://example.com), then use window.location.origin

通过 JS 进行异地 html 加载的直接路径 "alternative"

Direct path "alternative" for offsite html loading via JS

javascript

html

load