JS页面跳转

Question

<div id="menu">
<ul class="menu_1">
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div>1.htm    2.htm   3.htm   4.htm   5.htm 
5个html页面,  1.htm是首页, 如何使用JS实现页面跳转？

Answer 1

直接写在href里不就行了。。
用js的话，window.location

Answer 2

<div id="menu">
<ul class="menu_1">
<li><a href="1.html">1</a></li>
<li><a href="2.html">2</a></li>
<li><a href="3.html">3</a></li>
<li><a href="4.html">4</a></li>
<li><a href="5.html">5</a></li>
</ul>
</div>

Answer 3

<div id="menu">
<ul class="menu_1">
<li><a href="1.htm">1</a></li>
<li><a href="2.htm">2</a></li>
<li><a href="2.htm">3</a></li>
<li><a href="4.htm">4</a></li>
<li><a href="5.htm">5</a></li>
</ul>
</div>

Answer 4

那你把href去了，给他个onclick事件，点击时执行一个跳转页面方法不就行了，不明白既然都是html页面你直接用超链接不就行了，为啥非要用js

Answer 5

附议！不过把href去掉了不怎么好看哦。function forward(link) {
var txt = link.innerHTML+".html";
location = "http://www.google.com.hk"; //forward
}
<div id="menu">
<ul class="menu_1">
<li><a href="#" onclick="forward(this)">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
</ul>
</div>

Answer 6

<div id="menu">
<ul class="menu_1">
<li><a href="#">1</a></li>/*the current page is 1.htm*/
<li><a href="2.htm">2</a></li>
<li><a href="2.htm">3</a></li>
<li><a href="4.htm">4</a></li>
<li><a href="5.htm">5</a></li>
</ul>
</div>用超链接是最简洁的，或者添加onclick事件，window.location或window.open都可以，但是有区别，根据自己需要。

Answer 7

window.open不是跳转。。是打开新窗口

Answer 8

<script>
var arr=new Array(){'1.html','2.html',.....}
for(var i=0;i<;i++){
    var a = document.createElement('a');
    a.href=arr[i];
    a.innerHTML=arr[i];
    document.getElementById(sId).appendChild(a);
}
</script>
                        供参考.

Answer 9

<div id="menu">
<ul class="menu_1">
<li><a href="javascript:window.location='2.html'">1</a></li>
<li><a href="javascript:window.location='3.html'">2</a></li>
<li><a href="javascript:window.location='4.html'">3</a></li>
<li><a href="javascript:window.location='5.html'">4</a></li>
<li><a href="javascript:window.location='1.html'">5</a></li>
</ul>
</div>确实很蛋疼。。