解決window.open被攔截問題

時間 2019-12-17

標籤解決 window.open window open 攔截問題欄目 Windows 简体版

原文原文鏈接

最近在項目中有一個在瀏覽器中新開一個窗口的需求，若是不須要作任何的判斷，只是直接新開窗口的話，用a標籤便可。html

可是若是須要作一些判斷再新開一個窗口的話，就不能使用a標籤了。window.open確實能夠打開一個新窗口，但會被瀏覽器看成廣告被攔截，須要手動去解除攔截。ajax

在網上搜索了不少，但並無一個能夠解決的。瀏覽器

因而，使用了form提交新開窗口的黑科技cookie

demo1app

<html>
<body>
  <form name="xxxForm" action="/example/html/form_action.asp" method="get" target="_blank">
    <input type="hidden" name="fname" value="1" />
    <br />
    <input type="hidden" name="lname" value="2" />
    <br />
    <input id="sub" type="submit" value="Submit" style="display: none;" />
    <input id="ck" type="button" value="提交">
  </form>

  <script>
    document.getElementById('ck').onclick = function (e) {
      document.getElementById('sub').click();
      // this.refs.xxxform.submit();  若是點擊模擬不行用這個
    }
  </script>
</body>
</html>

action 是你須要跳轉的頁面，method用get（我本身在用post的時候出現了一些問題）post

只要頁面加載時提早查好數據，直接提交form表單就能夠。去掉ajax就能夠。原則就是form的默認submit觸發前不能setTimeout或者ajaxthis

demo2url

// 開通成功後跳轉新頁面
*open2({ payload }, { call, put, select }) {
  let tmpState = yield select(state => state[tmpModule.namespace]);
  try {
    yield put({
      type: 'open',
      payload: {}
    })
    // 打開新的窗口
    yield openNewWin()
  } catch (err) {
    console.error(err)
  }
}

// 打開新頁面
const openNewWin = () => {
  return new Promise((resolve, reject) => {
    if (!isEmpty(Cookie.get('trunTenantId'))) {
      var str = [];
      let url = `${Config.jumpUrl}?auth=${Cookie.get(Config.cookie.auth)}&tenantId=${Cookie.get('trunTenantId')}`
      // let url = `http://localhost:8009/#/home/operationMonitoring/operateScreen?auth=${Cookie.get(Config.cookie.auth)}&tenantId=${Cookie.get('trunTenantId')}`
      str.push(`<form action=${url} id="gobank" method="get">`);
      str.push('</form>');
      $("body").append(str.join(''));
      $("#gobank").attr('target', '_blank');
      $("#gobank").submit();
      console.log('open win ok');
      resolve(1)
    } else {
      reject(0)
    }
  })
}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。