мой существующий код генерирует случайную веб-страницу из предопределенного списка после нажатия на переключатель. Я хочу удалить переключатель и создать "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 href" будет использоваться в простой навигационной панели.
Я не люблю помещать JS прямо в атрибут href
привязки, я думаю, из-за старых привычек предоставления допустимого URL-адреса в href
так что пользователь все еще получает рабочую страницу, даже если они отключили JavaScript, и помещали JS в атрибуте onclick
.
На самом деле мне тоже не нравятся атрибуты встроенных событий, но будет работать следующее:
<a href="#" onclick="randomlinks(); return false;>Random Link!</a>
(return false;
предотвращает поведение ссылки по умолчанию).