至尊技术网 - js

js使用window.onload覆盖问题的解决方法

悠悠楠杉 — Wed, 14 Sep 2022 14:59:00 +0800

解决多人开发时，同时使用window.onload事件所出现的后面的window.onload函数覆盖前面一个window.onload函数的问题。

原生js封装ajax

悠悠楠杉 — Sat, 03 Sep 2022 11:46:00 +0800

function ajax(options) {
  var xhr = null;
  var type = 'GET';
  var params = formsParams(options.data);

  if(typeof options.type != 'undefined'){
    type = options.type.toUpperCase();
  }

  //创建对象
  if (window.XMLHttpRequest) {
    xhr = new XMLHttpRequest();
  } else {
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
  }
  if (typeof options.async == "undefined") {
    options.async = true;
  }

  // 处理请求成功的回调函数
  xhr.onload = function(){
    if (xhr.status >= 200 && xhr.status < 300) {
      if (typeof options.datatype == "undefined" || options.datatype == "json") {
        if(typeof options.success === 'function'){
          options.success(JSON.parse(xhr.responseText));
        }
      } else {
        if(typeof options.success === 'function'){
          options.success(xhr.responseText);
        }
      }
    } else {
      if(typeof options.error === 'function'){
        options.error(xhr.statusText);
      }
    }
  }

  // 处理请求错误的回调函数
  xhr.onerror = function() {
    if(typeof options.error === 'function'){
      options.error(xhr.statusText);
    }
  }

  // 设置请求头部
  if (options.headers) {
    for (var header in options.headers) {
      xhr.setRequestHeader(header, options.headers[header]);
    }
  }

  // 设置请求方法、URL、是否异步、发送请求
  if (type == "GET") {
    xhr.open(type, options.url + "?" + params, options.async);
    xhr.send(null);
  } else if (type == "POST") {
    xhr.open(type, options.url, options.async);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send(params);
  }

  function formsParams(data) {
    var arr = [];
    for (var prop in data) {
      arr.push(prop + "=" + data[prop]);
    }
    return arr.join("&");
  }
}

// 使用
ajax({
    url: "api.php",// 请求地址
    type: "POST",// 请求方式
    async: true,// 同步：false，异步：true，默认为true
    datatype: "json",// 返回数据的格式，"json","text"，默认为json
    headers: {},// 设置请求头部，{"token": "123456"}
    data: {// post数据
        code: "s2sdd",
        link: location.href
    },
    success: function (res) {// 处理请求成功
        console.log(res);
    },
    error: function (res) {// 处理请求错误
        console.log(res);
    }
})

js执行提示Uncaught URIError: URI malformed

悠悠楠杉 — Mon, 06 Jun 2022 22:50:00 +0800

由于decodeURI转码时，通过%进行解析，如果字符串中存在%则会出现URI malformed

解决方法
将字符串中的%替换为25%就行了

var str = '1%2';
if(str.indexOf('%') > -1) {
    str = str.replace(/%/g,'%25');
}

JQuery长按事件

悠悠楠杉 — Sat, 21 May 2022 15:44:00 +0800

$(".text").on({
    touchstart: function(e) {
        var oSpan = e.currentTarget.lastElementChild
            // 长按事件触发
        timeOutEvent = setTimeout(function() {
            timeOutEvent = 0;
            console.log('你长按了');
        }, 500);
    },
    touchmove: function() {
        clearTimeout(timeOutEvent);
        timeOutEvent = 0;
    },
    touchend: function() {
        clearTimeout(timeOutEvent);
        if (timeOutEvent != 0) {
            console.log('你点击了');

        }
        return false;
    }
})

js实现html导出为PDF文件

悠悠楠杉 — Mon, 04 Apr 2022 13:17:00 +0800

html2canvas官网：http://html2canvas.hertzen.com/

 1,'msg' => '上传成功','url' => $dir.$file];
        } catch (Exception $e) {
            $data = ['code' => 0,'msg' => '上传失败'];
        }
        echo json_encode($data);exit();
    }
}
?>




    
    
    
    Document



    内容

JS实现随机抽奖功能

悠悠楠杉 — Tue, 18 Jan 2022 13:31:38 +0800




    
    
    Document
    


     
        小米笔记本
        iPhoneX
        PS4游戏机
        谢谢参与
        开始抽奖
        索尼电视机
        西门子冰箱
        老板抽油烟机
        空气净化机

关于&notify_url变成¬ify_url的解决方法

悠悠楠杉 — Sat, 25 Dec 2021 11:44:00 +0800

在页面上显示¬ify_url不管怎样都变成¬ify_url，后来发现把&改为&就可以了

PHP字符替换

$str = '¬ify_url';
$url = str_replace("&","&",$str);

js字符替换

str = '¬ify_url';
url = str.replace(/&/, "&");

js判断数组中是否存在某个元素

悠悠楠杉 — Thu, 02 Dec 2021 10:28:18 +0800

方法一：array.indexOf(item,start)

实际用法：if(arr.indexOf(某元素) > -1){//则包含该元素}

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var a = fruits.indexOf("Apple"); // 2

方法二：array.find()

arr = [1,2,3,4,5];
arr.find(function(value) {
    if(value === 要查找的值) {
    //包含该元素
    }
})

方法三：jQuery.inArray()

arr = [1,2,3,4,5];
index = $.inArray(2,arr);
if(index > -1){
    console.log('包含该元素')
}

js获取时间戳，时间戳格式化日期

悠悠楠杉 — Thu, 25 Nov 2021 23:06:00 +0800

js获取当前时间戳的方法

var timestamp = Date.parse(new  Date())/1000;//获取当前秒的时间戳
var timestamp = (new Date()).valueOf();//获取当前毫秒的时间戳
var timestamp = new Date() . get Time();//返回数值单位是毫秒

js获取指定时间戳的方法

var timestamp = (new Date(" 2021/11/25 20:00:20")).getTime()/1000;

格式化日期

function dateFormat(thisDate, fmt) {
    var o = {
        "M+": thisDate.getMonth() + 1,
        "d+": thisDate.getDate(),
        "h+": thisDate.getHours(),
        "m+": thisDate.getMinutes(),
        "s+": thisDate.getSeconds(),
        "q+": Math.floor((thisDate.getMonth() + 3) / 3),
        "S": thisDate.getMilliseconds()
    };
    if (/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (thisDate.getFullYear() + "").substr(4 - RegExp.$1.length));
    for (var k in o)
        if (new RegExp("(" + k + ")").test(fmt))
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
    return fmt;
}
var Date=new Date();
console.log(dateFormat(Date, "yyyy-MM-dd hh:mm:ss"))//调用

计算当前日期的星期一与星期天

var Date=new Date();
var selectTime = Date.getTime();//获取时间戳
var selectDay = Date.getDay();//获取星期
var oneDayLong = 24 * 3600 * 1000;//定义一天有多少毫秒
var MondayTime = selectTime - (selectDay - 1) * oneDayLong;
var monday = new Date(MondayTime)//时间戳再转回时间
var SundayTime = selectTime - (selectDay - 7) * oneDayLong;
var sundayTime = new Date(SundayTime)
console.log(monday)
console.log(sundayTime)

计算某一日期是星期几

当我们知道某一'yyyy-mm-dd'日期时便可以计算出当前是星期几，公式如下：

基姆拉尔森计算公式

W= (d+2*m+3*(m+1)/5+y+y/4-y/100+y/400) mod 7

在公式中d表示日期中的日数，m表示月份数，y表示年数。(其中mod意思是取余计算，js用的是%)

页面加载时增加loading效果

悠悠楠杉 — Mon, 20 Sep 2021 11:48:00 +0800





    
    
    Document