代码之家  ›  专栏  ›  技术社区  ›  Rye

通过JS进行异地html加载的直接路径“可选”

  •  0
  • Rye  · 技术社区  · 3 年前

    thanks to so user help )是通过以下方式将非现场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.在iframes中,我可以简单地声明“Search.html”(类似于a href),但在这里这不起作用。

    如果没有其他解决办法, 我同意“获取当前窗口url”( window location )(当前页面的最终文件) https://homepageforme.com/pathtofile/

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

    获得“https://homepageforme.com/pathtofile/Search.html"

    原因是,如果我想迁移网站,我必须手动编辑路径。

    1 回复  |  直到 3 年前
        1
  •  1
  •   Abdennour TOUMI    3 年前

    因此,您希望URL不包含最后一部分( /*.html ),那么,它是:

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

    然后,它变成:

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

    注意-如果您只想重用源代码( http://example.com ),然后使用 window.location.origin