window.location.href的用法

一、前言

window.location.href 是一个用于获取当前页面 URL 或让浏览器跳转到新 URL 的重要方法，是 window.location 对象的属性。它返回一个字符串，表示当前页面的 URL；同时，当通过将 URL 指定给 window.location.href 时，可以让浏览器跳转到新的 URL。

二、常见用例

• self.location.href="/url" 当前页面打开URL页面
• location.href="/url ：当前页面打开URL页面
• window.location.href="/url" ：当前页面打开URL页面，前面三个用法相同。
• this.location.href="/url" ：当前页面打开URL页面
• parent.location.href="/url" ：在父页面打开新页面
• top.location.href="/url" ：在顶层页面打开新页面
• 如果页面中自定义了 frame，那么可将parent self top换为自定义frame的名称,效果是在frame窗口打开url地址
• window.location.href=window.location.href;和window.location.Reload() ： 刷新当前页面。

区别在于是否有提交数据。
当有提交数据时，window.location.Reload()会提示是否提交，window.location.href=window.location.href;则是向指定的url提交数据

• 如果要关闭当前窗口，并且在新窗口打开某一链接：

var a = document.createElement('a')
      a.setAttribute('href', href)
      a.setAttribute('target', '_blank')
      a.setAttribute('id', 'startTelMedicine')
      a.onclick = function () {
        //关闭窗口的方法
        window.opener = null
        window.open('', '_self', '')
        window.close()
      }
      // 防止反复添加
      if (document.getElementById('startTelMedicine')) {
        document.body.removeChild(document.getElementById('startTelMedicine'))
      }
      document.body.appendChild(a)
      a.click()

• 如果无法关闭当前弹框 说明可能有父节点，可以试试：window.parent.close();