JS跳转大概有以下几种方式:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
第一种:(跳转到b.html)
<script language="javascript" type="text/javascript">
window.location.href="b.html"
</script>
第二种:(返回上一页面)
<script language="javascript">
window.history.back(-1)
</script>
第三种:
<script language="javascript">
window.navigate("b.html")
</script>
第四种:
<script language="JavaScript">
self.location=’b.html’
</script>
第五种:
<script language="javascript">
top.location=’b.html’
1、直接跳转加参数
<script language="javascript" type="text/javascript">window.location.href="login.jsp?backurl="+window.location.href
//或者
window.location.href='http://www.baidu.com'
</script>
2、返回上一次预览界面
<script language="javascript">alert("返回")
window.history.back(-1)
//标签嵌套:
<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>
</script>
3、指定跳转页面 对框架无效
<script language="javascript">window.navigate("top.jsp")
</script>
4、指定自身跳转页面 对框架无效
<script language="JavaScript">self.location='top.htm'
</script>
5、指定自身跳转页面 对框架有效
<script language="javascript">alert("非法访问!")
top.location='xx.aspx'
</script>
6、按钮式 在button按钮添加 事件跳转
<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">7、在新窗口打开
<a href="javascript:" onClick="window.open('login.aspx','','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a>平常页面跳转可以使用在html中写a标签及跳转地址实现
这种方式的好处在于直观、方便,但是缺点在于页面会出现刷新的情况,可以使用禁用浏览器的默认事件来防止。
也可以使用js控制页面跳转
在html中 为某个标签添加点击事件
在js中 可以使用如下方法来跳转页面