JS常用方法

122 阅读1分钟

前言

该文章记录一些工作中遇到的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= ()=>{
        //加载提示框
    }
}