onClick没有执行功能

时间:2014-09-12 21:04:21

标签: javascript html

我制作了一个超链接,样式看起来像一个按钮,并设置为onClick="function()",但是当我点击它时它不会执行。如果有任何用途,我将我的JS放在一个单独的文件中,而不是HTML文件。

我如何联系它 <script src="script.js"></script>

超链接

<ul id='nav'>
    <li> 
         <a onClick="playerNum()">Play</a> 
    </li> 
    <li> 
         <span style='float: right;'> 
         <a onClick="rules()">Rules</a></span> 
    </li>
</ul>

我的JavaScript

var playerNum = function () {
    document.getElementById('log').innerHTML = 
         "<h2 style='font-family: calibri'> Choose single or multiplayer </h2>" +
         "<br >" +
         "<ul id='nav'>" +
         "   <li> <a onClick='singlePlay()'> Singleplayer </a> </li>" +
         "   <li> <a onClick='multiPlay()'> Multiplayer </a> </li>" +
         "</ul> "
};

1 个答案:

答案 0 :(得分:2)

它对我有用。你有id="log"的元素吗?

小提琴:http://jsfiddle.net/o7b83omw/1/

HTML:

<ul id='nav'>
    <li> 
         <a onclick="playerNum()">Play</a> 
    </li> 
    <li> 
         <span style='float: right;'> 
         <a onclick="rules()">Rules</a></span> 
    </li>
</ul>
<div id='log'></div>

的javascript:

var playerNum = function () {
    document.getElementById('log').innerHTML = 
         "<h2 style='font-family: calibri'> Choose single or multiplayer </h2>" +
         "<br >" +
         "<ul id='nav'>" +
         "   <li> <a onClick='singlePlay()'> Singleplayer </a> </li>" +
         "   <li> <a onClick='multiPlay()'> Multiplayer </a> </li>" +
         "</ul> ";
};