wzla / blog Goto Github PK

const element = document.querySelector('#element');

//old
element.style.height = '100px';
element.style.color = '#ffffff';
element.style.backgroundColor = '#000000';

// new
Object.assign(element.style, {
	height: '100px',
  color: '#ffffff',
  backgroundColor: '#000000'
})

// 当前window对象
const currentWindow = window;
// or
const selfWindow = window.self;

// 父级window
const parentWindow = window.parent;

// 顶级window：浏览器窗口
const topWindow = window.top;

const uuid = window.crypto.randomUUID();
console.log(uuid);
// 'd4e2738c-f218-4dd4-a30f-0475f5ca3b9c'

function getQueryStringArgs() {
    const qs = location.search.length > 0 ? location.search.substring(1): "",
          args = {};
    for (let items of qs.split("&").map(kv => kv.split("="))) {
        const name = decodeURIComponent(item[0]),
              value = decodeURIComponent(item[1]);
        if (name.length) {
            args[name] = value;
        }
    }
    return args;
}

const paramsString = "q=URLUtils.searchParams&topic=api"
const searchParams = new URLSearchParams(paramsString);

for (let p of searchParams) {
  console.log(p);
}

searchParams.has("topic") === true; // true
searchParams.get("topic") === "api"; // true
searchParams.getAll("topic"); // ["api"]
searchParams.get("foo") === null; // true
searchParams.append("topic", "webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=api&topic=webdev"
searchParams.set("topic", "More webdev");
searchParams.toString(); // "q=URLUtils.searchParams&topic=More+webdev"
searchParams.delete("topic");
searchParams.toString(); // "q=URLUtils.searchParams"