JavaScript-调用函数并导航到HTML锚点内的位置

Question

我的HTML代码中有一个锚点标签：

<li><a href="default.aspx" id="go" onclick="myFunction()">Navigate</a></li>

和Javascript如下：

function myFunction()
        {
            var user121 = document.getElementById('lblUser').textContent

            var parameters = {
                u: "?u=" + user121
            }
            var $query = parameters;
            output.firstChild.nodeValue = $query;
            alert($query);
            window.location ="Default.aspx"+$query <!-- Not sure about this part-->
        };

基本上，我需要做的是单击<a>属性时要构建查询字符串并导航到页面。

1. 如果href不在代码中，则不会触发Javascript。
2. 如果href在那里，那么下一个页面会加载，但查询字符串不会生成。

基本上，问题是我可以在<a>中使用javascript函数来构建查询字符串并导航到下一页吗

Answer 1

使用href =“＃”或href =“ javascript :;”

<a href="javascript:;" id="go" onclick="myFunction()">Navigate</a>

Answer 2

在myFunction ，可以return false; 因此不会触发点击的锚标记的默认行为。

function myFunction()
    {
        var user121 = document.getElementById('lblUser').textContent

        var parameters = {
            u: "?u=" + user121
        }
        var $query = parameters;
        output.firstChild.nodeValue = $query;
        alert($query);
        window.location ="Default.aspx"+$query <!-- Not sure about this part-->
        return false;
    };