Javascript实现页面跳转的几种方式

作者:清风拂面 | 创建时间: 2023-07-26
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,...
Javascript实现页面跳转的几种方式

第一种:直接跳转

带参数的直接跳转: <script language="javascript" type="text/javascript"> window.location.href="A"+window.location.href;  //格式为url?参数 </script>

不带参数的直接跳转: <script>window.location.href=url;</script>  //url为跳转页面的链接。需要‘’单引号引起来

第二种:返回上一次预览界面

普通返回: <script language="javascript"> alert("返回上一级"); window.history.back(-1); </script>

标签嵌套: <a href="javascript:history.go(-1)">返回上一级</a> <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一级</a>

第三种:指定自身跳转页面 对框架无效

代码如下: <script language="JavaScript">          self.location=url;  //url为需要跳转的链接,需要''单引号引上你的链接   </script>

第四种:指定跳转页面 对框架无效

代码如下: <script language="javascript"> window.navigate(url);  //url为需要跳转的链接,需要''单引号引上你的链接 </script>

第五种:指定自身跳转页面 对框架有效

代码如下: <script language="javascript">          alert("访问错误!"); top.location=URL;   //url为需要跳转的链接,需要''单引号引上你的链接 </script>

第六种:按钮式 在button按钮添加 事件跳转

代码如下: //url为需要跳转的链接,需要''单引号引上你的链接 <input name="control1" type="button" value="打开" onClick="location.href=url">

第七种:在新窗口打开

代码如下: //url为需要跳转的链接,需要''单引号引上你的链接 <a href="javascript:" onClick="window.open('url','','height=800,width=800,scrollbars=yes,status=yes')">开新窗口</a>

温馨提示

希望对读者有所帮助~~~喜欢的请给小编点个大拇指
点击展开全文

更多推荐