`

JS 跳转对应的手机页面

阅读更多

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

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

效果图:

 

前提是手机和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> 

 

 

 

 

  • 大小: 30.2 KB
1
7
分享到:
评论

相关推荐

    JS 跳转对应的手机页面精简版

    在JavaScript(JS)中,实现从网页跳转到对应手机页面的功能是一项常见的需求,尤其是在响应式网站设计或者移动优先的开发策略中。本教程将基于提供的`mobile.js`文件,探讨如何精简地进行这样的页面跳转。我们将...

    JS 判断手机端和pc端后跳转对应页面

    "JS判断手机端和PC端后跳转对应页面"这个话题就是关于如何使用JavaScript来检测用户的设备类型,并据此决定加载哪个页面。下面将详细介绍这一技术的实现原理和步骤。 首先,我们可以通过检测浏览器的User Agent字符...

    根据域名跳转对应域名

    在标题中提到的“根据域名跳转对应域名”,可能是指通过JavaScript(JS)来实现这种功能。JS代码可以动态检测当前页面的URL,然后根据预设规则进行跳转。这种方式的优点在于灵活性高,可以在用户浏览器端实时处理,...

    各种的js跳转

    在前端开发中,页面跳转是常见的需求之一,JavaScript(简称JS)提供了多种实现页面跳转的方法。本文将详细介绍由标题“各种的js跳转”及描述“总结了下js的跳转懒得找得就下的非常全····”所涵盖的各种JS跳转...

    机访问PC站时自动跳转到手机站的js

    当用手机浏览器访问pc网站时,自动跳转到对应的手机网站

    JS如何实现在页面上快速定位(锚点跳转问题)

    JS实现页面快速定位的技术主要涉及锚点跳转的概念和应用。锚点,也被称作片段标识符,其作用是允许用户点击链接后页面能够跳转到特定的位置。在网页设计中,尤其是在内容较多、页面较长的情况下,合理使用锚点可以...

    JS控制div跳转到指定的位置的几种解决方案总结

    在Web开发中,页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

    html JavaScript js倒计时跳转页面

    标题 "html JavaScript js倒计时跳转页面" 涉及到的是网页开发中的一个常见功能,即在特定时间后自动跳转至另一个页面。这个功能通常由JavaScript实现,配合HTML来显示倒计时效果。JavaScript是一种轻量级的解释型...

    html 网页 页面 内 跳转

    这里要注意,不同页面间的锚点跳转要求目标页面也已经设置了对应的锚点。 四、CSS与JavaScript的辅助应用 - **CSS**:可以通过CSS来控制锚点的样式,比如隐藏默认的下划线,改变颜色等,使其更好地融入页面设计。 -...

    JS实现点击网页判断是否安装app并打开否则跳转app store

    常常有这样的场景,咱们开发出来的APP需要进行推广,比如在页面顶部来一张大Banner图片,亦或一张二维码。但往往我们都是直接给推广图片加了一个下载链接(App Store中的)。所以咱们来模拟一下用户的操作步骤: 1、...

    JS如何实现网站中PC端和手机端自动识别并跳转对应的代码

    总的来说,通过使用JavaScript检测`User-Agent`,我们可以实现根据设备类型自动跳转到相应的网页。然而,这种做法应当谨慎使用,因为它可能导致用户体验下降,尤其是当用户在设备之间切换时。最佳实践通常是采用响应...

    js导航栏A标签锚点跳转

    "js导航栏A标签锚点跳转"是JavaScript在网页交互中的常见应用,主要用于实现页面内部链接的平滑滚动效果。这个话题涉及到的知识点包括HTML锚点、JavaScript事件处理和DOM操作。 首先,HTML锚点(#标识符)允许我们...

    纯js实现分页 可跳转指定页

    在网页开发中,分页是一种常见的用户界面设计,用于处理大量数据时的浏览体验优化。当数据集过大,一次性加载所有内容会导致页面加载慢且难以导航。这时,使用分页功能将数据分割成多页显示就显得尤为重要。本文将...

    cordova跳转原生Activity

    然后,在`HjkPlugin.js`中定义一个JavaScript函数,如`openActivity`,并绑定到`window.HjkPlugin`对象上。 3. 调用原生Activity: 在`HjkPlugin.java`中,我们需要实现一个方法,该方法接受JavaScript传递过来的...

    PC页跳转手机页.rar_PC页跳转手机页_pc页是什么_手机脚本

    当用户在PC上访问一个网站时,如果该网站有对应的移动版,通过JavaScript脚本可以检测到用户的设备类型,然后自动将用户引导至更适合其设备的手机页。这种技术有助于减少因页面布局不匹配或功能缺失导致的用户体验...

    手机访问网站自动跳转到手机版代码.rar

    压缩包中的代码可能是一个JavaScript脚本,该脚本会在页面加载时运行,检查User-Agent,如果检测到是移动设备,它会使用`window.location.href`属性来改变当前页面的URL,从而实现跳转到手机版网站。 3. **HTML5的...

    js根据ip跳转到相应的城市的代码

    标题中的“js根据ip跳转到相应的城市代码”是指一种JavaScript技术,用于识别访问网站的用户所在的地理位置,并根据其IP地址自动将用户重定向到对应城市的特定页面。这种功能在提供本地化服务或内容定制的网站中十分...

    js监听鼠标点击和键盘点击事件并自动跳转页面

    总结来说,通过本文,我们可以学习到如何在JavaScript中设置事件监听器,如何处理鼠标的点击事件和键盘的按键事件,以及如何利用这些事件实现页面跳转。此外,我们还了解到了一个实用的在线资源,可以用来查询和学习...

    线程导航+锚点跳转,点击锚点跳转到对应位置

    在网页开发中,"线程导航+锚点跳转"是一种常见的交互设计,它结合了JavaScript(js)技术,使得用户可以通过点击特定的链接(锚点)快速定位到页面的指定部分。这种功能极大地提升了用户体验,特别是在内容丰富的长...

Global site tag (gtag.js) - Google Analytics