JavaScript页面跳转的几种方式(注释版)

发布时间:2019-10-24编辑:脚本学堂
本文分享下,javascript脚本中实现页面跳转的五种方式,包含详细的代码注释,以方便初学的朋友参考,有兴趣的朋友看看吧。

本节主要内容:
javascript实现页面跳转

第一种:
 

复制代码 代码示例:
<script language="javascript">
   window.location.href="index.php";
//比较常用的方法,没什么可解释的,后面直接跟指定要跳转的地方。
</script>

第二种:
 

复制代码 代码示例:
<script language="javascript">
alert("返回");
window.history.back(-1);
//类似于按钮,参数是负几,就后退几次。
   </script>

第三种:
 

复制代码 代码示例:
  <script language="javascript">
window.navigate("index.jsp");
//navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。
   //没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。 
</script>

第四种:
 

复制代码 代码示例:
  <script language="JavaScript">
  self.location.href=index.htm;
  //self指代当前窗口对象,属于window最上层的对象;
  //location.href 指的是某window对象的url地址.
 //self.location.href指当前窗口的URL地址,去掉self默认为当前窗口的URL地址.
   </script>

第五种:
  

复制代码 代码示例:
<script language="javascript">
  alert("非法访问!");
  top.location=index.jsp;
   //top 属性返回最顶层的先辈窗口。
   //该属性返回队一个顶级窗口的只读引用。
   //如果窗口本身就是一个顶级窗口,top 属性存放对窗口自身的引用。
  //如果窗口是一个框架,那么 top 属性引用包含框架的顶层窗口。
</script>
 

相关阅读:
js 控制页面跳转的五种方法
js 下拉菜单点击链接跳转的代码
js实现页面跳转的代码举例
select下拉列表框中超链接跳转的代码一例
select下拉列表菜单中超链接跳转的实现代码
js 倒计时多少秒后跳转页面的实例代码
js根据当前网址来路跳转到指定页面的代码
js页面跳转 option location页面跳转的代码实例
js页面跳转方式 js页面跳转举例
js跳转页面方法