首頁  >  文章  >  web前端  >  實作js同源策略與跨域存取步驟詳解

實作js同源策略與跨域存取步驟詳解

php中世界最好的语言
php中世界最好的语言原創
2018-05-02 11:58:041401瀏覽

這次帶給大家實現js同源策略與跨域訪問步驟詳解,實現js同源策略與跨域訪問的注意事項有哪些,下面就是實戰案例,一起來看一下。

1. 什麼是同源策略

#理解跨域首先必須要了解同源策略。同源策略是瀏覽器上為安全性考量實施的非常重要的安全策略。

何謂同源:

URL由協定、網域名稱、連接埠和路徑組成,如果兩個URL的協定、網域和連接埠相同,則表示他們同源。

同源策略:

瀏覽器的同源策略,限制了來自不同來源的"document"或腳本,對目前"document"讀取或設置某些屬性。 (白帽子講web安全性[1])

從一個網域載入的腳本不允許存取另一個網域的文件屬性。

舉個例子:

例如一個惡意網站的頁面透過iframe嵌入了銀行的登入頁面(二者不同來源),如果沒有同源限制,惡意網頁上的javascript腳本就可以在使用者登入銀行的時候取得使用者名稱和密碼。

在瀏覽器中,