Javascript URL参数决定加载（）URL_Javascript_Jquery_Html

Javascript URL参数决定加载（）URL

javascript jquery html

Javascript URL参数决定加载（）URL,javascript,jquery,html,Javascript,Jquery,Html,我正在构建一个基于jQuery的web应用程序，我想使用URL参数来浏览它我希望基于URL参数显示内容，使用'load（）'函数从外部URL获取网页主体，并用它替换元素如何创建使用以下条件的if语句如果url中没有参数，则使用$（“#tobereplace”）.load（“home.txt”）如果参数page等于about，则使用$（“#tobereplace”）.load（“about.txt”）如果参数page等于contact，则使用$（“#tobereplace”）.load

我正在构建一个基于jQuery的web应用程序，我想使用URL参数来浏览它

我希望基于URL参数显示内容，使用'load（）'函数从外部URL获取网页主体，并用它替换元素

如何创建使用以下条件的if语句

如果url中没有参数，则使用

$（“#tobereplace”）.load（“home.txt”）


如果参数page
等于about
，则使用$（“#tobereplace”）.load（“about.txt”）

如果参数page
等于contact
，则使用$（“#tobereplace”）.load（“contact.txt”）


…以确定要显示的应用程序页面。
您只需使用page
变量加载url，如果它是未定义的
，则加载主页
，否则加载页面
变量中的任何内容
var page = location.search.substring(1).split('=')[1];
if (page == undefined)
  $("#toBeReplaced").load("home.txt");
else
  $("#toBeReplaced").load(page + ".txt");

您只需使用页面
变量加载url（如果未定义
），然后加载主页
，否则加载页面
变量中的任何内容
var page = location.search.substring(1).split('=')[1];
if (page == undefined)
  $("#toBeReplaced").load("home.txt");
else
  $("#toBeReplaced").load(page + ".txt");

您可以使用不同的库或jQuery插件来获取js中的url参数。对于这个例子，我将使用。将url.min.js
文件包含到页面中。然后用它通过url（“？page”）
获取参数page
，并创建一个简单的if

$(function() {    
    var page = url("?page");

    if( page === "about" ) {
        $("#toBeReplaced").load("about.txt");
    }

    else if( page === "contact" ) {
        $("#toBeReplaced").load("contact.txt");
    }

    else {
        $("#toBeReplaced").load("home.txt");
    }
});

您可以使用不同的库或jQuery插件来获取js中的url参数。对于这个例子，我将使用。将url.min.js
文件包含到页面中。然后用它通过url（“？page”）
获取参数page
，并创建一个简单的if

$(function() {    
    var page = url("?page");

    if( page === "about" ) {
        $("#toBeReplaced").load("about.txt");
    }

    else if( page === "contact" ) {
        $("#toBeReplaced").load("contact.txt");
    }

    else {
        $("#toBeReplaced").load("home.txt");
    }
});

有很多插件/库可以解析js中的url。只需抓取一个您想要的库并创建一个简单的if
语句。需要1分钟的谷歌搜索和5行代码…；）比如：@eisbehr我对javascript和jQuery非常陌生，所以我很想举一个我可以使用的代码示例，这样我就能更好地理解它。有很多插件/库可以解析js中的url。只需抓取一个您想要的库并创建一个简单的if
语句。需要1分钟的谷歌搜索和5行代码…；）比如：@eisbehr我对javascript和jQuery非常陌生，所以我很想举一个我可以使用的代码示例，这样我就能更好地理解它。我该如何加载URL？很抱歉问了这么愚蠢的问题，但我对这类事情太陌生了！您的url是什么样子的？例如，coding kids.net/app？page=about请记住，只有当page
是url中的唯一参数时，此解决方案才有效？page=about&foo=bar
或？foo=bar&page=about
将不起作用@DanielHarrin@eisbehr好的，很好。我遇到了一些问题-请查看此页面上的源代码-http://ckdata.neocities.org/test.html
。我用http://ckdata.neocities.org/test.html?page=google
和http://ckdata.neocities.org/google.txt
。google.txt
的内容未显示在test.html？page=google
中。为什么呢？我做错了什么？我该如何加载URL？对不起，我问了这么愚蠢的问题，但我对这类事情还不熟悉，所以对我来说太简单了！您的url是什么样子的？例如，coding kids.net/app？page=about请记住，只有当page
是url中的唯一参数时，此解决方案才有效？page=about&foo=bar
或？foo=bar&page=about
将不起作用@DanielHarrin@eisbehr好的，很好。我遇到了一些问题-请查看此页面上的源代码-http://ckdata.neocities.org/test.html
。我用http://ckdata.neocities.org/test.html?page=google
和http://ckdata.neocities.org/google.txt
。google.txt
的内容未显示在test.html？page=google
中。为什么呢？我做错了什么？我已经下载了作为zip的库，我应该上传哪个文件到服务器？是不是url.min.js
？是的，没错。正如我在回答中所写的那样@DanielHarrinI已经下载了该库的zip文件，我应该将哪个文件上载到服务器？是不是url.min.js
？是的，没错。正如我在回答中所写的那样@丹尼尔哈林