在 Asp.net 母版页中分配 javascript 事件

Question

我的网页顶部有一个菜单栏，带有 4-5 个 asp.net 按钮，代码包含在母版页中。我希望所有按钮在鼠标悬停时执行某些操作，因此我在循环中分配事件，如下所示：

 function pageLoad() {

    var buttons = document.getElementsByClass("headerButton");

    for (i = 0; i < buttons.length; i++) {

        var b = buttons[i];

        b.onmouseover = function (element) {
            return function () {
                element.style.fontWeight = "bold";
            }
        } (b);
        b.onmouseout = function (element) {
            return function () {
                element.style.fontWeight = "normal";
            }
        } (b);
    }

当然，这仅适用于内容页面。我相信 Page_Load 永远不会在母版页上触发，因此当我尝试将此代码放在母版页上时，什么也不会发生。有人知道这是如何做到的吗？

Answer 1

我一定错过了一些东西...为什么你不直接用 CSS 来处理这个问题呢？

.headerButton {
 font-weight: normal;
}

.headerButton:hover {
 font-weight: bold;
}