當前位置：首頁 > 运维知识 > windows >内容正文

windows

跨域（3） window.name

發布時間：2025/4/14 windows 31 豆豆

生活随笔收集整理的這篇文章主要介紹了跨域（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><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 是同域名的 http://localhost:3000

c 是獨立的 http://localhost:4000

a先獲取c 的數據

a先引用 c c把值放到window.name ,把 a 引用的地址改到b

轉載于:https://www.cnblogs.com/guangzhou11/p/11619363.html

總結

以上是生活随笔為你收集整理的跨域（3） window.name的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

windows

跨域 （3） window.name

總結

跨域（3） window.name