js开发常用tool

ts_shinian_web

已于 2023-06-13 09:43:07 修改

阅读量505

点赞数 1

分类专栏： javascript 文章标签： javascript 前端

于 2021-09-08 09:52:31 首次发布

本文链接：https://blog.csdn.net/weixin_53445649/article/details/120173071

版权

javascript 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

文章目录

- 开发常用工具

开发常用工具

1.获取url参数

    function getUrlArgument(name){
        var search=location.search.split('?')[1]||'';
        var arr=search.split('&');
        for(var i in arr){
            var res = '';
            var cArr = arr[i].split('=');
            if(cArr.length > 2) {
                res = arr[i].slice(arr[i].indexOf('=') + 1);
            } else {
                res = cArr[1];
            }
            if(cArr[0]==name) return decodeURIComponent(res);
        }
        return '';
    },

2.判断是否是PC

  function isPC(){
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone",
                    "SymbianOS", "Windows Phone",
                    "iPad", "iPod"];
        var flag = true;
        for (var i = 0; i < Agents.length; i++) {
            if (userAgentInfo.indexOf(Agents[i]) > 0) {
                flag = false;
                break;
            }
        }
        return flag;
    },

3.写入cookie

   function addCookie(objName, objValue, objHours) {
        var str = objName + "=" + escape(objValue); //编码
        var date = new Date();
        var ms = objHours * 3600 * 1000;
        date.setTime(date.getTime() + ms);
        str += "; expires=" + date.toGMTString();
        str += '; path=/'
        document.cookie = str;
    },

4.读取cookie

   function getCookie(objName) {//获取指定名称的cookie的值
        var arrStr = document.cookie.split("; ");
        for (var i = 0; i < arrStr.length; i++) {
            var temp = arrStr[i].split("=");
            if (temp[0] == objName) return unescape(temp[1]);  //解码
        }
        return "";
    },

5.处理字符串中的转义符，将反斜杠\替换为转义符\;

  function htmlEncode(str){
        if (str.length == 0) return "";
        var s = str;
        s = s.replace(/\\/g, "\\\\");
        return s;
    },

6.处理字符串中的转义符，将<>替换为<>

     function htmlDecode(str){
        if (str.length == 0) return "";
        var s = str;  
        s = s.replace(/&/g, "&amp;");
        s = s.replace(/</g, "&lt;");
        s = s.replace(/>/g, "&gt;");
        return s;  
    },

7.全屏、退出全屏

首先我们定义一个标签，用于全屏展示

     <div id="canvasBox">全屏这里</div>

未进入全屏时，双击进入全屏，正在全屏时，双击，退出全屏状态

window.addEventListener('dblclick', () => {
	const fullScreenElement = document.fullscreenElement;
	if (!fullScreenElement) {
		// 双击进入全屏动画
		document.getElementById('canvasBox').requestFullscreen();
	} else {
		// 全屏某一个标签，只需要调用document的取消全屏的方法即可。
		document.exitFullscreen();
	}
})