window.document.getElementById("header");
 document.getElementById("header");

window.innerHeight
window.innerWidth

document.documentElement.clientHeight
document.documentElement.clientWidth

var width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth
var height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight

<script type="text/javascript">
    var newWindows;
    function newWindow() {
        newWindows = window.open("https://www.baidu.com/","baidu");
    }
    function closeWindow() {
        newWindows.close();
    }
</script>

console.log(location.href);
console.log(location.hostname);
console.log(location.pathname);
console.log(location.port);
console.log(location.protocol);

export function GetCurrentBrowser() {
    var agent = navigator.userAgent.toLowerCase();
    var regStr_ie = /msie [\d.]+;/gi;
    var regStr_ff = /firefox\/[\d.]+/gi
    var regStr_chrome = /chrome\/[\d.]+/gi;
    var regStr_saf = /safari\/[\d.]+/gi;
    //IE11以下
    if (agent.indexOf("msie") > 0) {
        return agent.match(regStr_ie);
    }
    //IE11版本中不包括MSIE字段
    if (agent.indexOf("trident") > 0 && agent.indexOf("rv") > 0) {
        return "IE " + agent.match(/rv:(\d+\.\d+)/)[1];
    }
    //firefox
    if (agent.indexOf("firefox") > 0) {
        return agent.match(regStr_ff);
    }
    //Chrome
    if (agent.indexOf("chrome") > 0) {
        return agent.match(regStr_chrome);
    }
    //Safari
    if (agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0) {
        return agent.match(regStr_saf);
    }
}

// get os
export function GetOs() {
    let userAgent = navigator.userAgent.toLocaleLowerCase() //toLocaleLowerCase()將字母轉(zhuǎn)小寫
    let wins = [
        {
            sys: 'windows nt 5.0',
            alias: 'windows 2000',
            name: 'Win2000'
        },
        {
            sys: 'windows nt 5.1',
            alias: 'windows xp',
            name: 'WinXP'
        },
        {
            sys: 'windows nt 5.2',
            alias: 'windows 2003',
            name: 'Win2003'
        },
        {
            sys: 'windows nt 6.0',
            alias: 'Windows Vista',
            name: 'WinVista'
        },
        {
            sys: 'windows nt 6.1',
            alias: 'Windows 7',
            name: 'Win7'
        },
        {
            sys: 'windows nt 6.2',
            alias: 'Windows 8',
            name: 'Win8'
        },
        {
            sys: 'windows nt 10.0',
            alias: 'Windows 10',
            name: 'Win10'
        },
    ]
    for (let win of wins) {
        if (userAgent.indexOf(win.sys) > -1 || userAgent.indexOf(win.alias) > -1) {
            return win.name
        }
    }
}
export function getEdition() {
    var userAgent = navigator.userAgent.toLocaleLowerCase()
    if (userAgent.indexOf("win64") > -1 || userAgent.indexOf("wow64") > -1) {
        return '64位'
    } else {
        return '32位'
    }
}
export function IsPC() {
    var userAgentInfo = navigator.userAgent;
    var Agents = ["Android", "iPhone",
        "SymbianOS", "Windows Phone",
        "iPad", "iPod"];
    var flag = true;
    for (var v = 0; v < Agents.length; v++) {
        if (userAgentInfo.indexOf(Agents[v]) > 0) {
            flag = false;
            break;
        }
    }
    return flag;
}
//獲取url參數(shù)  返回對象
export function GetRequest() {
    var url = location.search; //獲取url中"?"符后的字串
    var theRequest = {}
    let strs = []
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        strs = str.split("&");
        for (var i = 0; i < strs.length; i++) {
            theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
        }
    }
    return theRequest;
}
export const browser = {
    versions: (function() {
        let u = navigator.userAgent
            // let app = navigator.appVersion
        return {
            trident: u.indexOf('Trident') > -1, // IE內(nèi)核
            presto: u.indexOf('Presto') > -1, // opera內(nèi)核
            webKit: u.indexOf('AppleWebKit') > -1, // 蘋果、谷歌內(nèi)核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') === -1, // 火狐內(nèi)核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), // 是否為移動終端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios終端
            android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, // android終端
            iPhone: u.indexOf('iPhone') > -1, // 是否為iPhone或者QQHD瀏覽器
            iPad: u.indexOf('iPad') > -1, // 是否iPad
            webApp: u.indexOf('Safari') === -1, // 是否web應該程序，沒有頭部與底部
            weixin: u.indexOf('MicroMessenger') > -1, // 是否微信
            qq: u.match(/\sQQ/i) === 'qq' // 是否QQ
        }
    }()),
    language: (navigator.browserLanguage || navigator.language).toLowerCase()
}

var height=document.documentElement.scrollTop||document.body.scrollTop
var width=document.documentElement.scrollLeft||document.body.scrollLeft

document.documentElement.scrollTop
document.documentElement.scrollLeft

document.body.scrollTop
document.body.scrollLeft

if(window.getComputedStyle){
    window.getComponentStyle(dom).width
}else{
    doc.currentStyle.width
}

dom.onclick=function(e){
    e=e||window.event
}

dom.事件=function(){
    e=e||window.event
    var target=e.target||e.srcElement
}

document.onkeyup=function(e){
    e=e||window.event
   var keyNum=e.keyCode||e.which
}

function myAddEvent(ele,type,fun){
    判斷addEventListener這個方法是否存在
    if(ele.addEventListener){
        ele.addEventListener(type,fun)
    }else{
        ele.attachEvent('on'+type,fun)
    }
}

function delFun(ele,type,fun){
    if(ele.removeEventListener){
        ele.removeEventListener(type,fun)
    }else{
        ele.detachEvent('on'+type,fun)
    }
}

function stopBBle(e){
    if(e.stopPropagation){
        e.stopPropagation()
    }else{
        e.cancelBubble=true
    }
}

if(e.preventDefault){
    e.preventDefault
}else{
    e.returnValue=false
}

let xhr;
try{
    //普通路藍旗
    xhr=new XMLHttpRequest()
}catch(e){
    //兼容IE低版本
    xhr=new ActiveXObject('Microsoft.XMLHTTP')
}
xhr.open('post','url')
xhr.setRequestHeader('content-type','application/x-www/form-url-encoded')
xhr.send('name=111&age=222')
//標準瀏覽器
xhr.onload = function(){}
//兼容性寫法
xhr.onreadystatechange=function(){
    if(xhr.readystate==4){
        let reg=/^a\d{2}$/
        if(res.test(xhr.status)){
            console.lof(json.parse(xhr.response))
        }
    }
}

function mySetVc() {
    var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXUZ';
    var newStr = '';
    for (var i = 1; i <= 6; i++) {
        var num = parseInt(Math.random() * str.length)

        if (newStr.indexOf(str[num]) === -1) {
            newStr += str[num];
        } else {
            i--;
        }
    }

    return newStr;
}

function getUrlVal() {
    // 1,獲取地址欄參數(shù)字符串
    let str = decodeURI(window.location.search).substr(1);

    // 創(chuàng)建存儲結(jié)果的對象
    let obj = {};

    // 2 轉(zhuǎn)化為數(shù)組 根據(jù) 分號空格轉(zhuǎn)化
    const arr1 = str.split('&')

    // 3 循環(huán)變量數(shù)組,將數(shù)據(jù)字符串,根據(jù)=等號分割為數(shù)組
    arr1.forEach(v => {
        let arr2 = v.split('=');
        obj[arr2[0]] = arr2[1];
    })

    return obj;

}

// 參數(shù)1:數(shù)組,需要參照的數(shù)據(jù)數(shù)組
// 參數(shù)2:標簽,需要寫入內(nèi)容的標簽對象
function mySetTable(array, element) {
    var str = '';
    array.forEach(function (v, k) {
        str += '<tr>';
        for (var key in v) {
            str += `<td>${v[key]}</td>`;
        }
        str += `<td><button index="${k}">刪除</button></td>`
        str += '</tr>';
    });
    element.innerHTML = str;
    var oBtns = document.querySelectorAll('button');

    mySetButton(oBtns, array, element);
}

// 參數(shù)1,button按鈕數(shù)組
// 參數(shù)2,數(shù)據(jù)數(shù)組
// 參數(shù)3,寫入內(nèi)容的標簽對象
function mySetButton(BtnArray, array, element) {
    BtnArray.forEach(function (v) {
        v.onclick = function () {
            var bool = window.confirm('確定,是否刪除');
            if (bool) {
                var index = v.getAttribute('index');
                array.splice(index, 1);
                mySetTable(array, element);
            }
        }
    })
}

// 參數(shù)1:需要綁定事件的標簽對象
// 參數(shù)2:需要綁定的事件類型,沒有on
// 參數(shù)3:需要綁定的事件處理函數(shù)
function myAddEvent(element, type, fun) {
    if (element.addEventListener) {
        // 普通瀏覽器
        element.addEventListener(type, fun);
    } else {
        // 低版本IE瀏覽器
        element.attachEvent('on' + type, fun);
    }
}

// 參數(shù)1,需要屬性的標簽對象
// 參數(shù)2,需要屬性的屬性名稱

function myGetStyle(element, type) {
    if (window.getComputedStyle) {
        return window.getComputedStyle(element)[type];
    } else {
        return element.currentStyle[type];
    }
}

// 參數(shù)1: cookie 的鍵名
// 參數(shù)2: cookie 的鍵值
// 參數(shù)3: cookie 的時效(秒數(shù))

function mySetCookie(key, value, time) {
    // 1,獲取當前的時間對象
    const nowTime = new Date();

    // 2,獲取當前時間的時間戳 --- 單位是毫秒
    let timeStamp = nowTime.getTime();

    // 3,計算時間戳    當前時間戳 - 8小時 + 時效的時間(秒)
    // 獲取帶有時效的時間戳 是世界標準時間
    let newTimeStamp = timeStamp - 8 * 60 * 60 * 1000 + time * 1000;

    // 4,將時間戳設定回時間對象
    nowTime.setTime(newTimeStamp);

    // 5,兼容沒有傳第三個參數(shù)的情況
    // 如果 time 是 undefined ,證明沒有第三個參數(shù),執(zhí)行會話時效,賦值空字符串
    // 如果 time 不是 undefined ,證明沒有第三個參數(shù),執(zhí)行 nowTime 時間對象中的時間戳時效
    let endTime = time === undefined ? '' : nowTime;

    // 6,設定cookie
    // 給cookie多設定一個屬性,path=/
    // 讓www中的所有文件都可以使用設定的cookie
    document.cookie = `${key}=${value};expires=${endTime};path=/`;

}

function myGetCookie() {
    // 創(chuàng)建存儲結(jié)果的對象
    let obj = {};

    // 1 獲取cookie字符串
    let str = document.cookie;

    // 2 轉(zhuǎn)化為數(shù)組 根據(jù) 分號空格轉(zhuǎn)化
    const arr1 = str.split('; ')

    // 3 循環(huán)變量數(shù)組,將數(shù)據(jù)字符串,根據(jù)=等號分割為數(shù)組
    arr1.forEach(v => {
        let arr2 = v.split('=');
        obj[arr2[0]] = arr2[1];
    })

    return obj;
}

function fun(){
    console.log('我是新建的js文件中的內(nèi)容,你壓縮我了嗎?')
}