亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

項目中打開新窗口的3種方式

yacheng / 455人閱讀

摘要：使用在當(dāng)前窗口打開另一個窗口，在新開窗口中操作完成之后，關(guān)閉該窗口，在當(dāng)前窗口中監(jiān)聽新窗口什么時候關(guān)閉，一旦檢測到窗口關(guān)閉就執(zhí)行回調(diào)。使用這種方式需要考慮瀏覽器的跨域問題，在上如果使用打開跨域了的窗口，是獲取不到對象的。

1.使用iframe(注意Iframe的高度默認(rèn)150px，如果要改變iframe的高度，只能設(shè)置成具體的像素值，不能是百分比)

2.使用window.open()直接打開外部窗口，在外部窗口中處理完成所有的操作后回到原來的頁面，原來的頁面出現(xiàn)一個確認(rèn)是否完成操作的彈框。點擊確認(rèn)或者“cancel”之后接著調(diào)用其他的接口。

3.使用window.open()在當(dāng)前窗口打開另一個窗口，在新開窗口中操作完成之后，關(guān)閉該窗口，在當(dāng)前窗口中監(jiān)聽新窗口什么時候關(guān)閉，一旦檢測到窗口關(guān)閉就執(zhí)行回調(diào)。
使用這種方式需要考慮瀏覽器的跨域問題，在ie上如果使用window.open()打開跨域了的窗口，window.open()是獲取不到window對象的。

detectCreditCardFilledOut: (callback, url, openWin) => {
  let creditCarWin = null;

  let s = null;

  const stopF = () => {
    clearInterval(s);
    creditCarWin = null;
    s = null;
    callback();
  };


  const checkCloseWindowOrNot= () => {
    if (creditCarWin != null && creditCarWin.closed) {
      stopF();
    }
  };


  const openCreditCard = () => {
    try {
      creditCarWin = openWin(url, "CreditCard");
      creditCarWin.focus();
      runF();
    } catch (e) {
      Util.NotificationUtil("error", {
        description: lang.openWindowError
      })
    }
  };

  const runF = () => {
    s = setInterval(checkCloseWindowOrNot, 500);
  };

  openCreditCard();
},

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/101897.html

相關(guān)文章

  • 瀏覽器攔截打開新窗口情況總結(jié)

    摘要：在打開一個新窗口時，由于瀏覽器的安全機制，用戶未始終允許的情況下，可能會觸發(fā)到瀏覽器攔截，無法正常直接彈出。只分析使用代碼手動打開新窗口的方式。所有瀏覽器都不允許非用戶操作引起的打開新窗口。 在打開一個新窗口時，由于瀏覽器的安全機制，用戶未始終允許的情況下，可能會觸發(fā)到瀏覽器攔截，無法正常直接彈出。 網(wǎng)上有很多給出解決方案的只言片語，不夠全面，所以針對自己遇到的問題做了詳細(xì)的情況分析。...

    Steven 評論0 收藏0

  • 使用<a>標(biāo)簽時，你可能會忽略的一個安全問題

    摘要：當(dāng)一個外部鏈接使用了的方式，這個外部鏈接會打開一個新的瀏覽器。此時，新頁面會打開，并且和原始頁面占用同一個進程。筆者的總結(jié)這是一篇很短的文章，主要介紹了在使用標(biāo)簽打開一個新窗口過程中的安全問題。 本文首發(fā)于公眾號: 符合預(yù)期的CoyPan本文章翻譯于：https://medium.com/front-end-weekly/prevent-sending-http-referer-hea...

    rozbo 評論0 收藏0

  • 使用<a>標(biāo)簽時，你可能會忽略的一個安全問題

    摘要：當(dāng)一個外部鏈接使用了的方式，這個外部鏈接會打開一個新的瀏覽器。此時，新頁面會打開，并且和原始頁面占用同一個進程。筆者的總結(jié)這是一篇很短的文章，主要介紹了在使用標(biāo)簽打開一個新窗口過程中的安全問題。 本文首發(fā)于公眾號: 符合預(yù)期的CoyPan本文章翻譯于：https://medium.com/front-end-weekly/prevent-sending-http-referer-hea...

    zero 評論0 收藏0

  • 使用<a>標(biāo)簽時，你可能會忽略的一個安全問題

    摘要：當(dāng)一個外部鏈接使用了的方式，這個外部鏈接會打開一個新的瀏覽器。此時，新頁面會打開，并且和原始頁面占用同一個進程。筆者的總結(jié)這是一篇很短的文章，主要介紹了在使用標(biāo)簽打開一個新窗口過程中的安全問題。 本文首發(fā)于公眾號: 符合預(yù)期的CoyPan本文章翻譯于：https://medium.com/front-end-weekly/prevent-sending-http-referer-hea...

    stackvoid 評論0 收藏0

  • 理解HTTP session原理及應(yīng)用

    摘要：理解原理及應(yīng)用一術(shù)語在我的經(jīng)驗里，這個詞被濫用的程度大概僅次于，更加有趣的是與在某些語境下的含義是相同的。其中的作用就是為了解決協(xié)議無狀態(tài)的缺陷所作出的努力。 理解HTTP session原理及應(yīng)用 一、術(shù)語session 在我的經(jīng)驗里，session這個詞被濫用的程度大概僅次于transaction，更加有趣的是transaction與session在某些語境下的含義是相同的。 ...

    dreamGong 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<