首页 > 其他分享 >JS 跳转对应的手机页面

JS 跳转对应的手机页面

时间:2023-06-26 20:05:57浏览次数:32  
标签:windows sUserAgent JS pathname location 跳转 var match 页面


location.pathname(location 对象的 pathname 属性)用于设置或取得当前 URL 的路径部分

<script type="text/javascript">
	var path = location.pathname;
	alert(path);
</script>

效果图:

JS 跳转对应的手机页面_手机跳转


 

前提是手机和PC站都同一个数据库,更新的路径都是相同的,只是域名的不同。一个是www,另一个是m。

function browserRedirect() {
	var hz=location.pathname;
	var sUserAgent = navigator.userAgent.toLowerCase();
	var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
	var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
	var bIsMidp = sUserAgent.match(/midp/i) == "midp";
	var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
	var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
	var bIsAndroid = sUserAgent.match(/android/i) == "android";
	var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
	var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
	if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
		window.location.href="http://m.onestopweb.cn"+hz+"#www";
	} else {
	}
}
browserRedirect();

 

为了防止有些无法跳转到手机端,故下面加上百度提供的跳转代码。

<script src='http://siteapp.baidu.com/static/webappservice/uaredirect.js' type='text/javascript'></script>
<script type='text/javascript'>uaredirect('http://m.onestopweb.cn/?www.onestopweb.cn');</script>

 

 

 

 

标签:windows,sUserAgent,JS,pathname,location,跳转,var,match,页面
From: https://blog.51cto.com/u_16171388/6557264

相关文章

  • JS 函数的三种声明方式
    <!DOCTYPEhtml><metacharset="UTF-8"><script>//----函数的三种声明方式----//1、自定义函数:functionf1(){ console.log("f1f1f1f1");}//调用方式:函数名f1();//特点://(1)函数声明的函数在JS预解析的时候,会提升到作用域的最前面//(2)函数声明中的函数,可以在声明之前调......
  • thinkphp或者其他h5页面开启HMR
    在ThinkPHP框架中,HTML文件通常是由PHP渲染的视图文件。要在这样的环境中实现HMR(HotModuleReplacement,热模块替换),你可能需要将前端开发环境(如Webpack或Vite)与ThinkPHP集成。以下是一个基本的步骤:1.首先,你需要在项目中安装Node.js和npm(或yarn),并使用它们来安装W......
  • JS 短路运算
    Boolean强制转换:除了NaN、null、""、undefined、0、function这几个为false外,其他皆为true。短路运算的符号:   ||  && ! 或与非。短路运算的原理:当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。短路运算的规则:&&找假,先看第一个表达式的......
  • JS 特殊数据类型的 == 和 === 比较
    在javascript的世界里,无论是函数,还是数组,还是对象,亦或是字符串,数字,布尔类型,在这些数据类型中,总有这么几个特立独行,然后造成一些可有可无的讨厌bug。而这些讨厌bug出现的原因就是由于比较时产生的错误,而且最不易查出错误。在这里我们整理了这几个特殊数据类型的比较。直接上代码。上......
  • JS for...in 遍历语句
    for...in语句用于对数组或者对象的属性进行循环操作。for(变量in对象){   在此执行代码}这里的“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。 举个例子:<!DOCTYPEhtml><metacharset="UTF-8"><script>varx;varzoon=newArray();zoon[0]="......
  • JS canvas 标签制作色相球
    <!DOCTYPEhtml><html><head><metacharset="UTF-8"/><title>JScanvas标签制作色相球</title></head><body><canvas></canvas><scripttype="text/javascript">varcanvas,ctx,ma......
  • NodeJS系列(4)- ECMAScript 6 (ES6) 语法(二)
    在“NodeJS系列(3)-ECMAScript6(ES6)语法(一)”里,我们介绍并演示let、const、Symbol等ES6语法和概念。本文在“NodeJS系列(2)-NPM项目Import/ExportES6模块”的npmdemo 项目的基础上,继续介绍并演示函数扩展、类等ES6语法和概念。NodeJSES6:https://nodejs.org......
  • Spring Boot 形参Map并没有添加到类似于ModelAndView中,但是却可以页面取到相应的值?
    需求缘起:      有网友留言:感谢讲解,思路很清晰,不过有点疑惑,为什么最后结尾的时候,那个形参Map并没有添加到类似于ModelAndView中,但是页面却可以取到相应的值? 本节大纲:(1)留言代码翻译(2)问题分析(3)SpringMVC数据模型(4)写法延伸       接下来看下具体的内容:留言代码翻译:我......
  • 【js学习笔记八】如何写一个简单的前端回调函数
     目录前言导语代码部分 运行结果总结前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语书写一......
  • 【js学习笔记九】前端异步请求逐步进行一回调
     目录前言导语前言运行结果解决方案运行结果前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷导语......