1. 程式人生 > >layer.iframe父子頁面之間的資料互動(1)

layer.iframe父子頁面之間的資料互動(1)

layer彈出層彈出一個HTML頁面是很常用的,父子頁面之間的頁面互動是很重要的一項小技術,下面我就簡單的闡述一下我對這個小技術的一點小心得…..

一,父頁面傳值到子頁面,兩種方式,

1.layer的彈出層開啟之後,會回撥一個success的方法,我們自定義這個方法,將我們要傳遞的資料渲染到子頁面上..(實際上是在父頁面上完成對子頁面的資料渲染)

下面是父頁面原始碼:
方法1父頁面

下面是子頁面原始碼:
方法1子頁面

下面的效果圖…
demo效果圖

2.一種是在使用success回撥方法的時候,將父頁面的資料作為引數,然後傳入子頁面的方法,執行子頁面的方法,達到資料傳遞的效果,

下面是父頁面原始碼:
方法2父頁面

下面是子頁面原始碼:
方法2子頁面

下面是效果圖:
demo效果圖