layUI的iframe彈出層的父子頁面資料互動

2021-09-24 23:08:49 字數 690 閱讀 8778

1.獲取父頁面的值給子頁面

var body = layer.getchildframe('body', index);     //獲取子頁面的body元素

body.find('#id').val(data.id);        //為子頁面id為id的元素賦值

2.在子頁面關閉彈出層

var index = parent.layer.getframeindex(window.name); //先得到當前iframe層的索引

parent.layer.close(index); //再執行關閉

3.訪問父頁面方法

var parentmethodvalue = parent.getmethodvalue();    //訪問父頁面方法
4.如何從子頁面執行重新整理父頁面操作

parent.location.reload();     // 父頁面重新整理
5.父頁面傳值給子頁面操作

layer.open(

});// loaddata子頁面方法

document.getelementbyid("iframe").contentwindow.loaddata($,laydate,data.id);

模擬layui彈出層

以前覺得自己手寫乙個類似layui的彈出層是挺遙遠的事,因為完全沒有頭緒,即便在layui官網知道layui使用的都是c3動畫 之前試過控制width 0 height 0來做動畫,結果慘不忍睹,直到幾天前靈機一動聯想到了transform的scale屬性,才稍微觸及到了皮毛 為了不新增格外的htm...

layui彈出層基礎引數

一 type 層型別 型別 number 預設為0 資訊框 1 頁面層 可以在頁面新增html內容 2 iframe層 3 載入層 載入時顯示的彈出框 4 tips層 需要繫結id就不展示了 二 title標題 引數型別 string,array,boolean string 即標題的文字 arra...

layui框架(彈出層和輪播)

一 彈出層 src layer.js script layer.msg hello script 2 在 layui 中使用 layer layui.use layer function script 3 彈出層屬性的使用方法type 基本層型別 layer提供了5種層型別 可傳入的值有 0 資訊框...