js各种跳转代码汇总

本站资源均为站长亲测,真实有效,本站不发表未经验证的资源,请放心参与体验

js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。

按钮式的js跳转代码如下:

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

这种js跳转通常用在需要点击时跳转。

链接式的js跳转代码:

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

如果我们做的是A标记的话,使用这种A链接式的JS跳转代码就可以了。

直接跳转JS代码:

<script>window.location.href='https://www.53431.com';</script>

如果需要在打开某个网页页面的时候就直接跳转走的话,就直接将这段JS代码放在页面里面就可以了。

开新窗口式的JS跳转代码

<a href="javascript:" onClick="window.open('https://www.53431.com/','','height=500,width=611,scrollbars=yes,status=yes')">
互联网资源屋</a>

如果想要在当前页面点击链接打开一个新窗口,而老窗口又不关闭的情况下就可以使用这种开新窗口式的JS跳转代码,可以自定义窗口高度,宽度等。

打开网页根据设定时间自动跳转JS代码

<span id="tiao">3</span><a href="javascript:countDown"></a>互联网资源屋;秒后自动跳转……<meta http-equiv=refresh content=3;url='https://www.53431.com'</ul>   
<!--脚本开始-->   
<script language="javascript" type="">   
function countDown(secs){   
tiao.innerText=secs;   
if(--secs>0)   
setTimeout("countDown("+secs+")",1000);   
}   
countDown(3);   
</script>

如果我们想要让用户在某个页面停留固定时间,然后再跳转的话,就可以使用这种JS跳转代码,当然,我们也可以把时间设置成0,就会变成打开页面直接跳转到指定网页,这种应用在网页当中比较常见。

上述的几种类型JS跳转代码都是比较常见的,这里还从网上收集了一些其它参考JS跳转代码。

JS跳转页面参考代码:

第一种(直接跳转JS代码):

<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>

第三种(针对IE的跳转):

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

第四种(当前网页的跳转):

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

第五种(禁止frame引用):

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

js跳转显示选择框然后再跳转到指定页面

<script language="javascript">   
<!--   
function logout()...{   
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{   
window.location.href="logout.asp?act=logout"   
}   
} 
-->   
</script>

js跳转显示提示框然后再跳转到指定页面

<script language="javascript">   
<!--   
function logout()...{   
alert("你确定要注销身份吗?");   
window.location.href="logout.asp?act=logout"   
}   
-->   
</script>

这都是一些在前端常用到的JS跳转代码,用得频率较多一些,所以这里就给汇总出来了,当然也是为了自己的学习或者工作使用。

这篇文章如果帮到了你 打赏
分享到: 更多 (0)
1
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • 关于一淘app邀请码一淘礼金券的获取和使用详细图文介绍
    大家好, 今天和大家讲一下淘宝旗下一淘app返利平台活动中,一淘邀请码和一淘礼金券的使用方法,以供广大网友阅览,首先歪小胖先讲一下什么是一淘邀请码和一淘礼金券,本文由歪迪资源屋的歪小胖原创未经允许不得转载! 什么是一淘邀请码? 一淘邀请码是...
  • 一淘app输入一淘邀请码领取奖励登录送8元新人大礼包奖励(8元=800集分宝)
    礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【】即可领取8元礼金券,说明一下这个红包码其实就是一个推荐码必需要输入,不输入邀请码一淘不给赠送8元的礼金券,输...
  • 通过Hosts或科学流畅访问谷歌、推特等网站
    通过 Hosts 进行科学上网算是“最原生态”的方法了,不需要任何软件,只要更改一个文件,就能实现,可谓既高效又方便,但hosts目前来说几乎已经无法使用了,只能选择一款稳定长期的服务商来实现了,本文推荐两款绝对牛掰的服务 一、首先给出ho...
  • 一淘邀请码密令是什么 怎么获取一淘礼金券 一淘返利教程
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 一淘礼金券有什么用?怎么获得一淘app礼金券的详细教程
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 使用一淘邀请码获得一淘礼金券购物返现每单还有返利 准时到账
    目前活动是一淘新用户输入邀请码可以获得8元礼金券,满9返8,不需要注册,很好的福利,真真的一键白给,快跟着小编的节奏撸起来 一淘网是什么? 一淘app是淘宝旗下购物返利平台,使用一淘下单购物后,会把商家的返利集分宝发放到你购物的支付宝账户里...
  • 一淘的礼金券 一件商品可以使用多张礼金券吗?
    不能, 一淘礼金券的使用需要单笔,系统会自动选择金额最大的礼金券抵扣,不可以使用多张,每笔一张。 一淘礼金券返回是以集分宝形式返还在支付宝,需要确认收货16天到达账户,订单页都会显示集分宝到账时间
  • 一淘APP的新人邀请码是什么?
    一淘网是阿里巴巴旗下官方促销导购平台,通过超高返利、大额红包、超值优惠券等丰富的利益点,为用户提供高性价比的品牌好货,是必不可少的网购省钱利器。 最近一淘APP针对新人有不少的福利,新注册的用户都可以凭下图中的邀请码领取新人专享免单商品,下...
  • 怎么获得一淘礼金券 一淘邀请码:TARY6
    怎么获得一淘礼金券 一淘邀请码:TARY6,一淘app新用户注册领取8元新人大礼包奖励(800集分宝=8元) 礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【...
  • 如何领一淘新人福利 一淘邀请码及详细操作步骤
    礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红包码【】即可领取8元礼金券,说明一下这个红包码其实就是一个推荐码必需要输入,不输入一淘不给赠送8元的礼金券,输入后点...
  • 一淘新人专享福利邀请码礼金券从获取到使用详细教程
    一淘新人专享福利邀请码礼金券从获取到使用详细教程,一淘app新用户注册领取8元新人大礼包奖励(800集分宝=8元) 礼金券的领取 1. 下载安装【一淘】app 在各大手机应用中心均可下载或扫码下载 2.  打开app-首页新用户专享-输入红...
  • WordPress在文章列表插入一篇广告跳转文章或在任意位置插入广告代码
    这个Wordpress技巧可以让你在文章列表中的任意位置插入一篇或多篇广告跳转文章,完美的与主题结构融合,与主题列表的展现形式一模一样,不用去额外的改变任何结构!而且可以一键无痕的将发布的任何文章变成广告跳转文章! 实现过程非常简单,利用了...

评论 抢沙发



觉得文章有用就赞赏支持一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

This site is protected by WP-CopyRightPro