跨域的時候可以訪問到哪些屬性,其含義分別是啥

2021-10-01 03:14:25 字數 1325 閱讀 2216

最近在開發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下面的replacehref屬性,其他屬性訪問會報跨域的錯

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...