跨域 window.name

Posted 2022-12-17 guangzhou11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了跨域 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"  onload="load()"  id="iframe"></iframe>
</body>
<script>
  let  first  = true;
  function load() 
      if(first) 
             //把 a 引用的地址改到b
                let  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

以上是关于跨域 window.name的主要内容，如果未能解决你的问题，请参考以下文章