我制作了一个超链接,样式看起来像一个按钮,并设置为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> "
};
答案 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> ";
};