Question

我有一个用onclick声明变量的菜单，现在1到4按预期工作但是函数pagefivevar没有显示警告结果：

Html菜单：

<a id="page1" href="" onclick="pageonevar('page1')">Home</a>
    <a id="page2" href="" onclick="pagetwovar('page2')">About us</a>
    <a id="page3" href="" onclick="pagethreevar('page3')">Services</a>
    <a id="page4" href="" onclick="pagefourvar('page4')">Partners</a>
    <a id="page5" href="" onlcick="pagefivevar('page5')">Contact us</a>

Javascript函数：

<script>
    var var1="";
    function pageonevar(varcontent){
      var1=varcontent;
      alert(var1);
    }
    function pagetwovar(varcontent){
      var1=varcontent;
      alert(var1);
    }
    function pagethreevar(varcontent){
      var1=varcontent;
      alert(var1);
    }
    function pagefourvar(varcontent){
      var1=varcontent;
      alert(var1);
    }
    function pagefivevar(varcontent){
      var1=varcontent;
      alert(var1);
    }
    </script>

Answer 1

在第

行

<a id="page5" href="" onlcick="pagefivevar('page5')">Contact us</a>

应该是

<a id="page5" href="" onclick="pagefivevar('page5')">Contact us</a>

我将onlcick更改为onclick

Answer 2

onlcick是拼写错误，请改用onclick。

Answer 3

修改Html菜单第5行：

<a id="page5" href="" onclick="pagefivevar('page5')">Contact us</a>

Answer 4

这只是一个错误造成的（onlcick而不是onclick在你的第5个a），但也许你可以避免所有这些重复：

<a id="page1" href="" onclick="loadPage('page1')">Home</a>
<a id="page2" href="" onclick="loadPage('page2')">About us</a>
<a id="page3" href="" onclick="loadPage('page3')">Services</a>
<a id="page4" href="" onclick="loadPage('page4')">Partners</a>
<a id="page5" href="" onclick="loadPage('page5')">Contact Us</a>

<script>
function loadPage(varcontent){
  alert(varcontent)
} 
</script>

可以帮助调试这个javascript，我看不出我做错了什么

4 个答案: