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)
如果文章内容或图片资源失效或者您对文章有异议,请留言反馈或点击右下角邮件图标发送邮件说明情况,我们会及时处理,谢谢!
  • js判断访问设备是电脑还是手机
    用户访问网页的设备基本分为桌面设备(电脑)和移动设备(手机、pad等),为了更好的用户体验,很多站点都做了PC和mobile两种页面。那么除了通过后端程序判断访问设备外,可以通过js来判断访问设备是电脑还是手机吗?可以的!! 有朋友该问了,...
  • 用新浪jS接口取客户端IP 及位置
    新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup...
  • 阿里云ECS无法正常使用SMTP发信的解决方法
    最近购置了一台阿里云ECS云服务器,但是在测试的过程中发现之前给网站配置的SMTP发信失效了,这是怎么回事?回忆了下自己并没有对发信配置进行操作,后来发现是阿里云自己的锅。 出于安全考虑,阿里云默认封禁TCP 25端口出方向的访问流量,也就...
  • http如何301到https呢?
    HTTPS协议的站点信息更加安全,同时可降低网站被劫持的风险,Firefox和chrome浏览器对访问一些非https站点会提示风险,BD等搜索引擎也明确表态了对https站点的友好。那么我们如何部署https呢? 1.申请ssl证书。有很...
  • 网站标题和描述如何修改不会被降权?
    经常会有朋友向我咨询关于网站的title和description修改会不会导致网站被降权,以及如何修改网站的标题和描述才能避免网站被降权的一系列问题,那么今天我们就这些问题做一下分享吧! 一、频繁修改网站标题和描述会被降权么 1、很多人都喜...
  • web前端开发工程师, 你应该了解的几点SEO知识!
    一名优秀的web前端开发工程师,对于公司而言是非常难得的珍宝,他往往在很大角度上影响公司的销售业绩,他们的薪资也相对很高,一般来讲web前端开发工程师,需要了解CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等相关知...
  • 你知道国外十大域名注册商都有哪些吗?
    现在很多站长在注册域名的时候会选择国外的域名注册商,究其原因,主要是国内没有很完善的域名管理制度,在域名注册的时候有很多的限制。国外的域名注册管理体系比较完善,而且经验比较丰富。但是在选择国外域名注册商的时候,很多人不知道都有哪些国外域名注...
  • p站pixiv打不开?教你国内怎么上p站pixiv!
    问了下竟然还有小伙伴不知道有什么办法上p站(pixiv) 包括youtube等站点… 小编这就教你们上p站最简单的办法 大家都知道,自从p站被封了之后国内是打不开的,会有该提示 活动方案: 活动年费6折—点击前往 首...
  • 配置本地的虚拟主机的方法过程
    我新建了一个项目,名Hello,位于:I:\wamp\www目录下。 想访问这个项目,需要在地址栏上输入localhost/hello,但是我不想这样,我想要在地址栏输入local.hello.com就可以访问到我这个项目。具体步骤,如下:...
  • 百度云主机两种web服务器的伪静态配置
    如果不配置静态,会出现只能访问首页,其他页面都会404错误 Lighttpd 需要新建app.conf文件,粘贴以下代码,然后保存,放到网站根目录 handlers: - url : / script : /index.php script...
  • 百度谷歌雅虎搜狗提交链接入口大全
    只要有别的网站有你的网站地址和相关文字,就是没有链接,也可算作是一个反链接.网站优化的方向是你的网站文章数量要足够多,而且有便于蜘蛛出来的链接,蜘蛛也不喜欢抓取没有主题乱七八糟的网站 与优秀的网站首页交换链接。采用在百度中搜索某个关键词,排...
  • 一个可以使用电脑测试网站移动端的在线网站
    在我们做好一个自适应网站的时候,需要测试自适应效果,我们可以选择使用浏览器来直接测试,但有的时候还是需要一个外界的工具来具体看一下实际效果,所以就有了今天这篇文章,今天介绍的这个网站是群友推荐给我的,我本来用不着还没有用它的那个技术推荐给有...

评论 抢沙发

  • Q Q(选填)
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址