将现有单选按钮更改为 <一个 href>

change exsisiting radio button into a <a href>

本文关键字:href 一个 单选按钮      更新时间:2023-09-26

我的现有代码在单击单选按钮后从预定列表中生成一个随机网页。我想删除单选按钮并在导航栏中创建一个"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>

如何删除单选按钮"form"并将 的功能移动到"href"属性中。"a href"链接将在简单的导航栏中使用。

我不喜欢将JS直接放在锚点的href属性中,我想是由于在href中提供有效URL的旧习惯,以便用户即使禁用了JavaScript,仍然会获得一个工作页面,并将JS放在onclick属性中。

实际上我也不太喜欢包含内联事件属性,但以下内容将起作用:

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

return false;阻止默认链接行为。