javascript - 无法给url添加参数

Question

我想向 url 添加参数，因为我有 2 个文本框和一个按钮，我无法弄清楚我卡在哪里并且无法向 url 添加参数
这是我的代码:

HTML:

Param Name: <input id="tbAddParam" type="text" /><br>
Param Value: <input id="tbAddParamValue" type="text" /><br>
<input onclick="javascript:AddParamter();" value="Add" type="button" />

JavaScript:

function AddParamter() {
    var new_url = AddUrlParameter(window.location.href, document.getElementById('tbAddParam').value, document.getElementById('tbAddParamValue').value);
    window.location.href = new_url;
}

function AddUrlParameter(a, b, c) {
    if (b.trim() == "") {
        alert("Parameter name should not be empty.");
        return a;
    }
    if (c.trim() == "") {
        alert("Parameter value should not be empty.");
        return a;
    }
    if (a.indexOf("?") == -1) {
        return a + "?" + b + "=" + c;
    }
    var d = a.split("?");
    if (d.length >= 2) {
        if (d[1].trim() == "") {
            return d[0] + "?" + b + "=" + c;
        }
        var e = d[1].split(/[&;]/g);
        for (var f = 0; f < e.length; f++) {
            var g = e[f]; var h = g.split("=");
            if (h.length >= 2) {
                if (h[0] == b) {
                    alert("Url Parameter with provided name already exists! Try Updating that Url Parameter.");
                    return a;
                }
            }
        }
        return a + "&" + b + "=" + c;
    }
}

Answer 1

根据上面的评论:

我已经测试了你的代码并且对我有用(如果页面以 html、jsp 或 .something 结尾)。这是使用 Chrome v25 进行测试的。

后来我在IE9上进行了测试，启用本地执行页面的脚本执行后就可以了。当您进入 IE 时会弹出一条消息。在 IE9 中，它显示在底部，显示 Internet Explorer 限制此网页运行脚本或 ActiveX 控件。，右侧有此选项允许阻止的内容。。 p>

为了 IE 向后兼容，似乎您应该替换 james emanon's answer 中所述的 d[1].trim() .

建议，至少使用两个浏览器来测试您的网页。是的，我强烈建议在 IE 上进行测试，因为它会给你一个良好(？)反馈，因为你对脚本错误如此敏感(它会出现很多错误，Chrome 和 Firefox 会为你覆盖)。