最近在開發iframe頁面,想對iframe跨域的情況更進一步了解,跨域的時候,可以訪問到iframe 文件中哪些屬性
// 開啟跨域的頁面,只要不是當前的視窗不是google就行
const opener = window.
open
('') object.
keys
(opener)
// (13) ["window", "self", "location", "closed", "frames", "length", "top", "opener", "parent", "close", "focus", "blur", "postmessage"]
可以看到在跨域的情況下,只支援上面的13個屬性
1、window
是對自己的引用
window.window === window
2、self
同樣是對自己的引用
window.window === window.self
3、location
只支援location
下面的replace
和href
屬性,其他屬性訪問會報跨域的錯
4、closed
判斷當前視窗是否關閉
5、frames
屬性返回視窗中所有命名的框架
注意:該屬性也可用於元素,但是
html5
不支援元素。
6、length
返回在當前視窗中frames的數量(包括iframes
)。
7、top
返回最頂層視窗物件的引用
8、opener
注意:是不支援open
方法的
9、parent
父視窗10、close
關閉當前視窗
11、focus
聚焦當前視窗
12、blur
失焦
13、postmessage
跨域通訊標準api
如果直接訪問location.href屬性還是會提示跨域,這個就很鬱悶了
常見的跨域訪問有哪些
lang en charset utf 8 常見的跨越訪問title src script rel stylesheet href src 您的金鑰 script head src console.log script body html 跨域訪問的幾種方式 元素 元素 元素 元素積極的人在每一次憂...
讓webapi支援CORS,可以跨域訪問
1.在nuget裡搜尋webapi找到下面的擴充套件,新增進專案裡。2.在global.asax中新增一行 protected void 3.在控制器頂部新增配置 enablecors origins headers methods public class default1controller a...
axios可以解決跨域訪問的問題嗎?
1 在使用vue開發的時候經常要涉及到跨域的問題,其實在vue cli中是有我們設定跨域請求的檔案的。2 當跨域無法請求的時候我們可以修改工程下config資料夾下的index.js中的dev 部分。dev css sourcemaps off by default because relative...