前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js常用跳转代码[通俗易懂]

js常用跳转代码[通俗易懂]

作者头像
全栈程序员站长
发布2022-09-21 11:04:15
9.2K0
发布2022-09-21 11:04:15
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是你们的朋友全栈君。

今天整理下我们常用的js跳转代码,常用的js跳转代码比如:js倒计时跳转代码、pc站跳转手机站代码、在原来的窗体中直接js跳转用、在新窗体中打开页面用、js直接跳转代码、js返回代码、head标签内加如下代码实现页面定时自动跳转代码、self.location方式实现页面跳转、top.location方式实现页面跳转,具体请看以下代码,希望对你有帮助。

js跳转代码

1.js倒计时跳转代码

<script type=”text/javascript”> //5秒后跳转到指定的页面 setTimeout(window.location.href=’http://www.7dadi.com’,5); </script>

2.在原来的窗体中直接js跳转用<script type=”text/javascript”>

window.location.href=”你所要跳转的页面”; </script>

3.在新窗体中打开页面用:

<script type=”text/javascript”> window.open(‘http://www.7dadi.com/’); </script>

4.js直接跳转代码

<script LANGUAGE=”Javascript”> location.href=”http://www.7dadi.com/”; </script>

5.js返回代码

<script language=”javascript”> window.history.back(-1); </script>

6.head标签内加如下代码实现页面定时自动跳转代码

<meta http-equiv=”refresh” content=”5;url=http://www.7dadi.com” />

7.self.location方式实现页面跳转

<script language=”JavaScript”> self.location=’http://www.7dadi.com’; </script>

8.top.location方式实现页面跳转

<script language=”javascript”> top.location=’http://www.7dadi.com’; </script>

9.pc站跳转手机站代码

<script language=”javascript”> var mobileAgent = new Array(“iphone”, “ipod”, “ipad”, “android”, “mobile”, “blackberry”, “webos”, “incognito”, “webmate”, “bada”, “nokia”, “lg”, “ucweb”, “skyfire”); var browser = navigator.userAgent.toLowerCase(); var isMobile = false; for(var i=0; i<mobileAgent.length; i++){ if(browser.indexOf(mobileAgent[i])!=-1){ isMobile = true; url = window.location.href; str=url.replace(‘www.’,’wap.’); window.location.href=str; break; } } </script>

转载于:https://my.oschina.net/mapp/blog/1545998

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/170141.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档