www.wobiji.net 我筆記

通過Iframe在A網站頁面內嵌入空白頁面的方式，跨域獲取B網站的資料返回給A網站！

以下程式碼只是為演示該方法具體是如何操作的，實際的意義並不大。

其實這個方法還可以解決很多方面的跨域操作，以下兩點為我工作中遇到的情況！

比如A系統中開啟B系統頁面的時候，獲取B系統頁面高度，A系統中可以動態設定視窗的高度

還有A系統中開啟B系統頁面的時候，B系統頁面進行一系列操作，操作成功後需關閉A系統視窗，就可以在操作成功後再在B系統中嵌入A系統的blank.html頁面，blank.html頁面開啟的時候，動態關閉A系統的視窗！

下面為大家講下是如何實現該方法的

1.在A系統下新增名稱為blank.html的空白頁面，注意不需要任何內容，因為只需要在裡面新增js程式碼即可！

2.然後我們在A系統的Home/Index頁面下嵌入ifrme路徑指向B系統的Home/Index頁面，並且加上自定義引數url，url就為剛才新增的A系統的空白頁面，iframe記得新增name和id屬性，方便接下來的操作！

3.這裡會請求B系統的HomeController控制器下的Index動作，接收到傳遞過來的url引數，通過ViewBag.BlankUrl=url返回到頁面，頁面載入的時候動態獲取頁面的高度，然後在頁面的div元素中再次新增name=iframeBlank的iframe元素並且地址指向ViewBag.BlankUrl也就是A系統的空白頁面，並通過"#"字元分割需要的引數傳遞過去，符號可以自定義！

我的筆記

4.A系統通過Iframe嵌入B系統Home/Index頁面的同時時，B系統又同時在頁面嵌入A系統的blank.html頁面以及B系統傳遞回來的資料，由於iframe的特殊屬性需通過以下方式獲取返回的資料  var data= window.parent.parent.frames["myframe"].frames["iframeBlank"].location.hash