将现有单选按钮更改为<a href=""></a>

时间:2013-11-09 21:59:35

标签: javascript jquery css forms hyperlink

我的现有代码在单击单选按钮后从预定列表生成随机网页。我想删除单选按钮并在导航栏中创建“a href”以创建相同的效果。

这是我目前的代码:

 <script type="text/javascript">
 function randomlinks(){
 var myrandom=Math.round(Math.random()*9)
 var links=new Array()
 links[0]="http://www.javascriptkit.com"
 links[1]="http://www.dynamicdrive.com"
 links[2]="http://www.cssdrive.com"
 links[3]="http://www.codingforums.com"
 links[4]="http://www.news.com"
 links[5]="http://www.gamespot.com"
 links[6]="http://www.msnbc.com"
 links[7]="http://www.cnn.com"
 links[8]="http://news.bbc.co.uk"
 links[9]="http://www.news.com.au"

 window.location=links[myrandom]
 }
 </script>

单选按钮

 <form>
 <input type="button" value="random link!" onClick="randomlinks()">
 </form>

如何删除单选按钮“表单”并将功能移动到“a href”属性中。 a“a href”链接将用于简单的导航栏。

1 个答案:

答案 0 :(得分:1)

我不想将JS直接放在锚点href属性中,我想由于在href中提供有效网址的旧习惯,以便用户即使他们已禁用JavaScript,并将JS置于onclick属性中,仍会获得有效页面。

其实我也不想包含内联事件属性,但以下内容可行:

<a href="#" onclick="randomlinks(); return false;>Random Link!</a>

return false;可防止默认链接行为。)

相关问题