Question

我想要一个链接，当点击时，执行一个javascript函数。

这是javascript：

    <script type="text/javascript">
        function changeStyle() {
            var header = document.getElementbyId("header");
            var container = document.getElementbyId("container");

            header.style.display = "block";
            container.style.marginLeft = "auto";
        }
    </script>

这是HTML：

    <a href="javascript:changeStyle()"><span>&#9776</span> MENU</a>

目前，点击链接时，没有任何反应。我怎么做才能让javascript在我想要的时候实际改变样式？

编辑：

这是新代码：

使用Javascript：

$('#selector').click(function() {
    var header = document.getElementById("header");
        var container = document.getElementById("container");
    header.style.display = "block";
    container.style.marginLeft = "auto";
})

HTML：

<a href="#" id="selector"><span>&#9776</span> MENU</a>

Answer 1

使用onclick属性，而不是href：

<a href="#" onclick="changeStyle();return false;"><span>&#9776</span> MENU</a>

更好的想法是不使用内联javascript

<a href="#" id="menu"><span>&#9776</span> MENU</a>

<script type="text/javascript">
     var a = document.getElementById('menu');

     a.onclick = function() {
        var header    = document.getElementById("header");
        var container = document.getElementById("container");

        header.style.display = "block";
        container.style.marginLeft = "auto";
     }
</script>

FIDDLE

注意：脚本必须放在元素

之后

Javascript onclick没有运行

1 个答案: