如果 window.location.href 有“sometext”里面 - 这样做

Question

目前正在研究使用 ajax 进行分页的东西。我想要做的是将诸如referal=3之类的内容添加到某些链接的末尾，然后当他们转到该链接时，我将插入一个带有窗口位置的后退按钮，例如：

用户使用ajax分页，转到页面3 我会将 ?ref=3 添加到链接或其他内容的末尾，这样它就会像这样：

http://foo.com/somepage/?ref=3

（不确定这是否是一种正确的方法）

然后用户单击该链接，我将在该页面上附加一个带有该链接的后退按钮。

因此，当他们使用生成的按钮返回主页时，window.location.href 将是：

http://foo.com?ref=3

这个想法是，当他们单击后退按钮时， ajax 分页将加载到第 3 页。

我不知道如何解释这一点，但是有人知道我将如何执行依赖于 window.location.href 的条件语句吗？

Answer 1

要查找 url 是否包含某个字符串：

if (document.location.href.search("ref=3")!=-1){
 alert('got ref=3'); 
}

Answer 2

您可以使用此函数获取查询字符串的部分内容：

function getQueryString(variable){
    // Grab the query string part of the URL (everything after the ?)
    var query = window.location.search.substring(1);

    // If you don't specify which value you want, return the whole thing
    if(!variable) return query;

    // Split the query string to key=value pairs into an array
    var vars = query.split('&');

    // Loop through them to find the one we're looking for
    for (var i = 0; i < vars.length; i++){
        // Split key and value
        var pair = vars[i].split('=');

        // If the key matches our parameter, return the value
        if (pair[0] == variable){
            return pair[1];
        }
    }
    // If not found, return empty string
    return '';
}

然后您可以通过以下方式获取字符串形式的值：

var value = getQueryString('ref');

// Conditional code if it is a certain value, do something
if(value === '3'){
    // Do something
}

您还可以使用 parseInt() 获取数字形式：

var value = parseInt(getQueryString('ref'), 10);

if(value === 3){
    // Do something
}

Answer 3

我不确定我完全理解你想要做什么，但听起来你想研究使用 location.hash 属性。

使用 jQuery 插件，例如 hashchange，您可以将 ajax 调用添加到浏览器历史记录中。此外，所有页面都可以添加书签。这是一个相当广泛的主题，但我提供的链接应该可以帮助您入门。