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

yacheng 發布于2019-08-23 15:20 / 385人閱讀

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

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

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

3.使用window.open()在當前窗口打開另一個窗口，在新開窗口中操作完成之后，關閉該窗口，在當前窗口中監聽新窗口什么時候關閉，一旦檢測到窗口關閉就執行回調。
使用這種方式需要考慮瀏覽器的跨域問題，在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();
},

GPU云服務器云服務器新窗口打開打開新窗口 ajax打開新窗口 js跳轉新窗口打開

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101897.html

瀏覽器攔截打開新窗口情況總結

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

Steven 2019-08-23 12:43 評論0 收藏0
使用<a>標簽時，你可能會忽略的一個安全問題

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

rozbo 2019-08-02 14:05 評論0 收藏0
使用<a>標簽時，你可能會忽略的一個安全問題

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

zero 2019-06-21 16:52 評論0 收藏0
使用<a>標簽時，你可能會忽略的一個安全問題

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

stackvoid 2019-08-23 14:38 評論0 收藏0
理解HTTP session原理及應用

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

dreamGong 2019-08-14 12:11 評論0 收藏0