javascript - 为什么当我加载此页面时，<a> 标签的 href 被调用？

Question

我正在开发一个项目，在我自己的网站上使用组织的标题。该组织的网站是基于 ASP.NET 构建的，对此我一无所知。让我困惑的部分是让标题上的搜索栏正常工作。我尝试过以下内容(有些内容是匿名的)

$(document).ready(function()
{
    /* Select the <a> element holding the search icon (usually a magnifying glass) 
       and set it as a variable: */
    var searchIcon = $('#id1');

    /* Set a variable equal to the prefix of the URL request: */
    var urlRequestPrefix = "http://www.orgname.com/search/Results.aspx?k=";

    /* Select the search <input> element and set it as a variable: */
    var searchInput = $('#id2');

    /* Make the <a> tag holding the search icon search for the input when clicked.
       Originally it has href="javascript:someFunction()"
    */
    searchIcon.attr('href', function()
    {
        window.location = urlRequestPrefix + searchInput.val();
    });
});

但不幸的是，由于某种原因，在页面加载时执行window.location = urlRequestPrefix + searchInput.val();。有人可以解释原因并帮助我修复它吗？

Answer 1

该代码在文档加载时运行，要将其设置为 searchIcon 的属性，请执行 searchIcon.attr('href', '#').click(function () { window.location = urlRequestPrefix + searchInput.val(); });