基于URL中的参数加载HTML

Loading HTML based on a parameter in the URL

本文关键字：加载 HTML 参数 URL 基于      更新时间：2023-09-26

我想做的是根据url字符串中的信息加载一段HTML。例如http://examplesite.com/blah/blah/1/

将加载HTML文档/media/HTML/1.HTML，然后

http://examplesite.com/blah/blah/2/

将加载HTML文档/media/HTML/2.HTML

到目前为止，我已经有了加载HTML 的脚本

$("#includedContent").load("/Media/html/1.html"); 
<div id="includedContent"></div>

然后找到我需要的url字符串的代码

var returnPage = function() {
    var urlString = window.location.pathname;
    var stringArray = urlString.split("/");
    return stringArray[3];
};

我需要一种将两者结合起来的方法，这样正确的网页才能找到正确的HTML。

不完全确定你在问什么，但我认为你正在寻找这样的东西：

$("#includedContent").load("/Media/html/" + returnPage () + ".html"); 
<div id="includedContent"></div>

如果这不是你的问题，你能提供更多的细节吗？我猜你说的组合是什么意思。

只需将您的两个js:合并即可

var returnPage = function() {
    var urlString = window.location.pathname;
    var stringArray = urlString.split("/");
    $("#includedContent").load("/Media/html/"+stringArray[3]+".html"); 
};
returnPage();
相关文章：