脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js实现页面跳转

JavaScript实现页面跳转的方式汇总

 更新时间：2016年05月16日 15:44:31   作者：jerrylsxu  
这篇文章主要介绍了JavaScript实现页面跳转的方式汇总的相关资料,需要的朋友可以参考下

在动手做网站时，不可避免的会碰到页面跳转的问题，新页面是在当前页面打开呢？还是在新窗口打开呢？是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢？等等很多种情况，下面我们来看下常用的一些JS实现页面跳转的方式例子。

按钮式： 　　

<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.ddhbb.com/'"> 　

链接式： 　

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

直接跳转式： 　　

<script>window.location.href='http://www.ddhbb.com';</script> 　

开新窗口：

<a href="javascript:" onClick="window.open('http://www.ddhbb.com/blog /guestbook.asp','','height=500,width=611,scrollbars=yes,status=yes')"& gt;布丁　　　　　　　　　　足迹
</a>

第一种： 

<script language="javascript" type="text/javascript"> 
window.location.href="login.jsp?backurl="+window.location.href; 
</script>

第二种：

<script language="javascript">alert("返回");window.history.back(-1); 
</script>

第三种： 

<script language="javascript">window.navigate("top.jsp"); </script>

第四种： 

<script language="JavaScript"> 
self.location='top.htm'; 
</script>

第五种：

<script language="javascript"> 
alert("非法访问！"); 
top.location='xx.jsp'; 
</script>

＝＝＝＝＝javascript中弹出选择框跳转到其他页面＝＝＝＝＝

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗？是－选择确定，否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>
＝＝＝＝＝javascript中弹出提示框跳转到其他页面＝＝＝＝＝
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗？");
window.location.href="logout.asp?act=logout"
}
-->
</script>

以上内容是小编给大家介绍的JavaScript实现页面跳转的方式汇总，希望对大家有所帮助，也希望大家多多关注脚本之家网站！

您可能感兴趣的文章:

相关文章

  • JavaScript实现列表分页功能特效

    JavaScript实现列表分页功能特效

    最近在做一个小项目，有时需要制作静态页面网站，而一旦涉及到文章的分页，实现起来非常麻烦，自己又刚入门，对js不是很熟悉，所以就拿来练练手。
    2015-05-05
  • 原生js和jQuery随意改变div属性style的名称和值

    原生js和jQuery随意改变div属性style的名称和值

    用原生js和jQuery实现改变随意改变div属性style的名称和值的结果，这个实例比较实用，新手朋友们可以看看
    2014-10-10
  • JavaScript 读取图片实例代码

    JavaScript 读取图片实例代码

    本章主要介绍通过JavaScript读取图片的例子，本例子不包含服务器端后台代码，只包含前台页面代码，所以直接用Html文件就可以，代码如下，因为包含详细的注意，所以不再详细说明了，如果有看不明白的，可以给我留言，我给大家具体答复。
    2009-11-11
  • 10种JavaScript最常见的错误(小结)

    10种JavaScript最常见的错误(小结)

    这篇文章主要介绍了10种JavaScript最常见的错误(小结)，查看了数千个项目后，发现了 10 个最常见的 JavaScript 错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生
    2019-06-06
  • 基于JavaScript实现继承机制之原型链(prototype chaining)的详解

    基于JavaScript实现继承机制之原型链(prototype chaining)的详解

    我们知道在JavaScript中定义类的原型方式，而原型链扩展了这种方式，以一种有趣的方式实现继承机制。prototype 对象是个模板，要实例化的对象都以这个模板为基础。总而言之，prototype 对象的任何属性和方法都被传递给那个类的所有实例。原型链利用这种功能来实现继承机制
    2013-05-05
  • JavaScript中数组去重常用的五种方法详解

    JavaScript中数组去重常用的五种方法详解

    去重是开发中经常会碰到的一个热点问题，这篇文章主要介绍了JS中实现数组去重中常用的5个方法，文中的示例代码讲解详细，感兴趣的可以了解一下
    2022-06-06
  • JavaScript不同场景下的文件下载方案详解

    JavaScript不同场景下的文件下载方案详解

    这篇文章主要为大家详细介绍了JavaScript中不同场景下的三种常见文件下载方案,文中的示例代码讲解详细,有需要的小伙伴可以参考一下
    2023-12-12
  • Javascript在IE和FireFox中的不同表现简析

    Javascript在IE和FireFox中的不同表现简析

    本文将详细介绍Javascript在IE和FireFox中的不同表现，本人整理了一下，需要的朋友可以参考下
    2012-12-12
  • 深入浅出理解javaScript原型链

    深入浅出理解javaScript原型链

    这篇文章主要介绍了对javaScript原型链的理解,以实例形式对javaScript原型链的概念及相关使用技巧做了较为浅显易懂的分析,需要的朋友可以参考下
    2015-05-05
  • three.js中多线程的使用及性能测试详解

    three.js中多线程的使用及性能测试详解

    这篇文章主要给大家介绍了关于three.js中多线程的使用及性能测试的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01

最新评论