html iframe 跨域問題

2021-10-04 05:43:59 字數 940 閱讀 4066

parent.html

window.addeventlistener('message',function(e)

});

child.html

window.parent.postmessage(,'*');
parent.html

var myframe = document.getelementbyid('myframe');//獲取iframe

myframe.contentwindow.postmessage(,childdomain);//childdomain是子頁面的源(協議+主機+埠號)

child.html

window.addeventlistener('message', function(e))
注意:

1.子向父,子postmessage,父監聽message;

2.父向子,父postmessage,子監聽message;

3.測試發現,子向父postmessage的時候,源可以寫為『*』,父向子postmessage的時候,源需要寫成子的源,(也就是子頁面的協議+主機號+埠)

測試**部分:

parent.html

父頁面的按鈕

div內容

child.html

子頁面的按鈕

tips:測試後的時候,我是分別用node起了兩個服務,父頁面在localhost:8000上,子頁面在localhost:8800上

cookie跨域問題 跨域登入

cookie跨域時修改不成功,需要在刪除 或者修改時 設定domain值與存入的domain一致,跨域修改cookie不會成功。例如 login.abc.com login工程 www.abc.com abc工程 www.abc.com login.html呼叫login工程的登陸介面 login工...

跨域問題詳解 ajax跨域解決

跨域問題的產出,根本原因在於瀏覽器的同源策略,什麼又是同源策略呢,官方解釋 同源策略限制了從同乙個源載入的文件或指令碼如何與來自另乙個源的資源進行互動。這是乙個用於隔離潛在惡意檔案的重要安全機制。同源的定義 如果兩個頁面的協議,埠 如果有指定 和網域名稱都相同,則兩個頁面具有相同的源。可以跨域讀取其...

Jq 跨域問題

ajax 跨域問題解決方案 jsonp 1 前台ajax 2 後台響應 string info string callbackfunname request callbackparam string k ok response.write var data k r n info info callb...