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实现页面跳转的方式汇总,希望对大家有所帮助,也希望大家多多关注脚本之家网站!

相关文章

  • echarts实现3d柱状图的2种方式举例

    echarts实现3d柱状图的2种方式举例

    echarts3D效果柱状图的实现,这个太难了,我花了两天终于调成我想要的效果啦,要是官网上有例子就好了,太难调了,下面这篇文章主要给大家介绍了关于echarts实现3d柱状图的2种方式,需要的朋友可以参考下
    2023-02-02
  • 基于JavaScript实现类似于百度学术高级检索功能

    基于JavaScript实现类似于百度学术高级检索功能

    这篇文章主要介绍了基于JavaScript实现类似于百度学术高级检索功能 的相关资料,需要的朋友可以参考下
    2016-03-03
  • JS散列表碰撞处理、开链法、HashTable散列示例

    JS散列表碰撞处理、开链法、HashTable散列示例

    这篇文章主要介绍了JS散列表碰撞处理、开链法、HashTable散列,结合实例形式分析了散列表碰撞处理、开链法、HashTable散列的定义及简单使用操作技巧,需要的朋友可以参考下
    2019-02-02
  • 你可能不知道的typescript实用小技巧

    你可能不知道的typescript实用小技巧

    作为前端程序员,TS已经成为一项必不可少的技能,本文旨在介绍 TS中的一些实用技巧,提高大家对这门语言更深的认知,这篇文章主要给大家介绍了关于typescript实用小技巧的相关资料,需要的朋友可以参考下
    2021-08-08
  • js数组常用操作方法小结(增加,删除,合并,分割等)

    js数组常用操作方法小结(增加,删除,合并,分割等)

    这篇文章主要介绍了js数组常用操作方法,结合实例总结了javascript数组的增加、删除、合并、分割等操作技巧,需要的朋友可以参考下
    2016-08-08
  • JavaScript数值数组排序示例分享

    JavaScript数值数组排序示例分享

    在Javascript中我们已知有两个可以直接用来进行数组排序的方法reverse()和sort()。其中reverse()是按照反向对于数组进行排序的,而sort()是按照正向进行排序的。
    2014-05-05
  • flash 得到自身url参数的代码

    flash 得到自身url参数的代码

    flash 得到自身url参数的代码,需要的朋友可以参考下。
    2009-11-11
  • 分享Typescript的13个基础语法

    分享Typescript的13个基础语法

    这篇文章主要分享了Typescript的14个基础语法,Typescript可以说是JavaScript的超集,在JS的基础上新增了许多语法特性,使得类型不再可以随意转换,能大大减少开发阶段的错误。
    2021-12-12
  • 浅谈JS中逗号运算符的用法

    浅谈JS中逗号运算符的用法

    下面小编就为大家带来一篇浅谈JS中逗号运算符的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-06-06
  • 微信小程序中button去除默认的边框实例代码

    微信小程序中button去除默认的边框实例代码

    这篇文章主要介绍了微信小程序中button去除默认的边框的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-08-08

最新评论