Question

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

我想根据网址参数显示内容，并使用＆＃39; load（）＆＃39;函数从外部URL获取网页的主体并用它替换元素。

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

如果网址中没有参数，请使用$("#toBeReplaced").load("home.txt");
如果参数page等于about，请使用$("#toBeReplaced").load("about.txt");
如果参数page等于contact，请使用$("#toBeReplaced").load("contact.txt");

...确定要显示的应用的哪个页面。

Answer 1

您可以使用page变量加载网址，如果它是undefined，则加载home，否则加载page变量中的任何内容。

var page = location.search.substring(1).split('=')[1];
if (page == undefined)
  $("#toBeReplaced").load("home.txt");
else
  $("#toBeReplaced").load(page + ".txt");

Answer 2

您可以使用不同的库或jQuery插件来获取js中的url参数。对于此示例，我将使用js-url。将url.min.js文件包含在您的页面中。然后，只需使用此选项可以page获取参数url("?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");
    }
});

网址参数决定了load（）网址

2 个答案: