判断是否为pc还是手机端以及手机端a标签点击闪亮处理

最新推荐文章于 2024-07-19 01:07:21 发布

reactL

最新推荐文章于 2024-07-19 01:07:21 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/reactL/article/details/78558320

本文介绍了一种通过JavaScript判断用户终端类型并进行页面跳转的方法，并提供了实现代码示例。此外，还展示了如何使用HTML表单提交数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过判断跳转不同终端：

(function(){
    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 = 'pc.html';
    }else{
        window.location.href = 'phone.html';
    }
})()

闪亮以及有背景处理，当点击时背景透明化即可。

.class{
    -webkit-tap-highlight-color:transparent;//方法一      
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);//方法二        
    tap-highlight-color: rgba(0, 0, 0, 0);//方法三    
}

form后提交：

<form action=’url’ method=’post’>
    <input type=’text’ name=’username’ />
    <input type=’password’ name=’password’/>
    <input type=’submit’ value=’登陆'/>
</form>

提交的数据格式为：username=username&password=password.

跳转到url页面。

$('#form').submitForm({
    url: "/xxxxx/submit",
    dataType: "text",
    callback: function (data) {
        
    },
    before: function () {
    }
}).submit();

此时可以在callback函数中对请求结果进行判断，

然后执行不同的动作(页面跳转或刷选数据、提醒错误都可以)