前言
该文章记录一些工作中遇到的JS使用方法,以及一些解决办法,慢慢将会添加更多JS基本方法,所有内容均从网上整理而来,加上自己的理解做一个整合,方便工作中使用。
常用的方法
1. 获取url地址中参数
location.href = 'xxxx?id=10&name=jack'
const getUrlParam = name => {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substring(1).match(reg);
if (r != null) {
return decodeURI(r[2]);
}
return;//如果此处只写return;则返回的是undefined
};
let id = getUrlParam('id')
let names = getUrlParam('name')
console.log(names, id) //jack 10
2. 时间戳转换成年月日
const getDate = num => {
let time = new Date(Number(num) * 1000) //秒为单位
return `${time.getFullYear()}年${time.getMonth() + 1}月${time.getDate()}日`
}
let time = getDate(5451544544)
console.log(time) //输出:2142年10月2日
3. 检查是否是手机端
window.navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
4. 引入iframe是否加载完成
const iframe = document.querySelector('iframe')
//处理兼容性问题
if(iframe.attachEvent){
iframe.attachEvent('onload',()=>{
//加载提示框
})
}else{
iframe.onload= ()=>{
//加载提示框
}
}