Javascript实现页面跳转的几种方式
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。而在Web开发时，程序猿会遇到一个页面跳转的问题。在此，小编为各位程序猿整理了几种比较常用的跳转方式。
工具/原料
- 电脑
- 开发工具
第一种：直接跳转
- 1
带参数的直接跳转：
<script language="javascript" type="text/javascript">
window.location.href="A"+window.location.href; //格式为url？参数
</script>
- 2
不带参数的直接跳转：
<script>window.location.href=url;</script> //url为跳转页面的链接。需要‘’单引号引起来
第二种：返回上一次预览界面
- 1
普通返回：
<script language="javascript">
alert("返回上一级");
window.history.back(-1);
</script>
- 2
标签嵌套：
<a href="javascript:history.go(-1)">返回上一级</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一级</a>
第三种：指定自身跳转页面 对框架无效
- 1
代码如下：
<script language="JavaScript"> self.location=url; //url为需要跳转的链接，需要''单引号引上你的链接 </script>
第四种：指定跳转页面 对框架无效
- 1
代码如下：
<script language="javascript">
window.navigate(url); //url为需要跳转的链接，需要''单引号引上你的链接
</script>
第五种：指定自身跳转页面 对框架有效
- 1
代码如下：
<script language="javascript"> alert("访问错误！");
top.location=URL; //url为需要跳转的链接，需要''单引号引上你的链接
</script>
第六种：按钮式 在button按钮添加 事件跳转
- 1
代码如下：
//url为需要跳转的链接，需要''单引号引上你的链接
<input name="control1" type="button" value="打开" onClick="location.href=url">
第七种：在新窗口打开
- 1
代码如下：
//url为需要跳转的链接，需要''单引号引上你的链接
<a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">开新窗口</a>
注意事项
- 希望对读者有所帮助~~~喜欢的请给小编点个大拇指
- 发表于 2018-01-30 00:00
- 阅读 ( 670 )
- 分类：其他类型
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章