版权声明:本文为博主原创文章,未经博主允许不得转载 https://blog.csdn.net/qq_34578833/article/details/84305140
文章目录
一、JQuery
1、改变浏览器窗口大小的时候让页面自动刷新
$(window).resize(function(){//当浏览器大小变化时
location.reload()//刷新本页面
//这里你可以写你的刷新代码!
});
2、当网页加载完毕时候加载
$(document).ready(function () {
...
}
二、Javascript
1、通过navigator判断浏览器是移动端还是pc端
function isMobile() {
const userAgentInfo = navigator.userAgent;
const mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
let mobile_flag = false;
//根据userAgent判断是否是手机
for (let v = 0; v < mobileAgents.length; v++) {
if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
mobile_flag = true;
break;
}
}
return mobile_flag;
}
2、通过尺寸判断设备类型
function screen_Size() {
const result1 = window.matchMedia('(min-width:1200px)');
const result2 = window.matchMedia('(min-width:992px)');
const result3 = window.matchMedia('(min-width:768px)');
if (result1.matches) {
return "大台式电脑";
} else if (result2.matches) {
return "台式电脑";
} else if (result3.matches) {
return "平板电脑";
} else {
return "手机";
}
}
3、正则判断是否是手机号码
function isPhone(account) {
// 手机号码正则
const re_phone = /^((\d{3}-\d{8}|\d{4}-\d{7,8})|(1[3|5|7|8|9][0-9]{9}))$/;
return re_phone.test(account);
}
4、正则判断是否是邮箱
function isMail(account) {
// 邮箱正则
const re_mail = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
return re_mail.test(account);
}
5、取消href跳转属性
<a href="javascript:;"></a>
<a href="javascript:void(0);"></a>