跨域 （3） window.name
生活随笔
收集整理的這篇文章主要介紹了
跨域 （3） window.name
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
window對象有一個name屬性，該屬性有一個特征：即在一個窗口的生命周期內，窗口載入的所有的頁面都是共享一個window.name的，每一個頁面對window.name都有讀寫的權限，window.name是持久的存在于一個窗口載入的所有頁面中的，并不會因為新的頁面的載入而被重置。
a.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>a 頁面 </title> </head> <body><!-- a先引用 c --><iframe src="http://localhost:4000/c.html" frameborder="0" οnlοad="load()" id="iframe"></iframe> </body> <script>let first = true;function load() {if(first) {//把 a 引用的地址改到blet iframe = document.getElementById('iframe')iframe.src= 'http://localhost:3000/b.html'first = false}else {console.log(iframe.contentWindow.name)}} </script> </html>c.html
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title> </head> <body></body> <script>// c頁面把值放到window 下window.name ='hello world' </script> </html>?
注釋：
?
a 和 b 是同域名的
c 是獨立的 http://localhost:4000
a先獲取c 的數據
a先引用 c c把值放到window.name ,把 a 引用的地址改到b
?
轉載于:https://www.cnblogs.com/guangzhou11/p/11619363.html
總結
以上是生活随笔為你收集整理的跨域 （3） window.name的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 跨域 （1） jsonp 跨域
- 下一篇： SQL应用教程