js新增

  • window.scrollTo(x-coord, y-coord)
  • window.scrollTo(options) option={ left:xxx,top:xxx,behavior: ‘smooth/auto’ }
  • closest

    document.querySelector(“li”).closest(“#nav”)

  • URLSearchParams

    new URLSearchParams(location.search).get(“name”) var url = new URL(‘https://example.com?foo=1&bar=2’); var params = new URLSearchParams(url.search) var params1 = new URLSearchParams([[“foo”, 1],[“bar”, 2]]); var params2 = new URLSearchParams({“foo” : 1 , “bar” : 2});

  • visibilitychange 当用户最小化窗口或者切换tab时,API会发送这个事件;iframe的可视化情况和父文档是一致的,使用css隐藏iframe并不会触发可视事件或者改变包含frame的文档的状态;
  • requestFullScreen 不仅仅可以作用在documentElement上,还可以作用在指定元素; 关闭全屏的时候需要注意的是,统一用document对象(document.exitFullscreen)
  • contains node.contains( otherNode ) document.querySelector(“div”).contains(document.querySelector(“p”))
  • battery navigator.getBattery().then(battery => console.log(battery));
  • navigator.contacts
  • navigator.bluetooth
  • navigator.clipboard
  • navigator.connection
  • navigator.deviceMemory
  • navigator.geolocation
  • navigator.hardwareConcurrency
  • navigator.keyboard
  • navigator.mediaCapabilities
  • navigator.mediaDevices
  • navigator.mediaSession
  • navigator.mimeTypes
  • navigator.nfc
  • navigator.permissions
  • navigator.scheduling
  • navigator.serial
  • navigator.serviceWorker
  • navigator.storage
  • navigator.usb
  • navigator.userActivation