從iframe中關閉父視窗中的層

來源:互聯網
上載者:User

在做彈層的時候,由於裡面涉及到搜尋,及翻頁等效果實現,而且要求不能翻頁,考慮到採用ajax來實現太過麻煩,後來就折衷使用了iframe。

大概流程如下:

在頁面開啟添加推薦時,彈出iframe(由本頁面的一個層包裹),在iframe頁面選中要推薦的資訊時,點擊加入推薦按鈕後,關閉iframe頁面。這裡由於之前沒有接觸過,有些糾結。問了一個程式,原來實現這麼簡單。

代碼如下:
//關閉彈層
$(".close_button").click(function(){
parent.closeFrame();
});

這裡做一個函數,上面代碼在$的環境下。
//關閉iframe
function closeFrame(){
$(".hot_house").hide();
}

 

 

parent:該變數指的是包含當前分割視窗的父視窗。如果在一個視窗內有分割視窗,而在其中一個分割視窗中又包含著分割視窗,則第2層的分割視窗可以用parent變數引用包含它的父分割視窗。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.