14.5 跨域 - document.domain

weixin_30314631

于 2019-02-02 17:25:00 发布

阅读量41

点赞数

CC 4.0 BY-SA版权

文章标签：前端后端 ViewUI

原文链接：http://www.cnblogs.com/zouxinping/p/10348826.html

本文介绍了一个具体的跨域通信案例，通过设置document.domain属性为相同的顶级域名，使得不同子域名下的网页能够通过iframe进行数据交互。文章展示了如何在前端页面a.html中加载b.html，并在两个页面间传递变量a，实现跨域数据共享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用频率多：百度之间传数据也会使用

前端

a.html

<!--
实现需要满足条件：域名 一级域名二级域名
www.baidu.com
video.baidu.com
a是通过 http://b.test.com:3000/a.html 访问
-->
Hello, A
<iframe src="http://b.test.com:3000/b.html"  onload="load()" id="frame"></iframe>
<script>
  document.domain = 'test.com'
  function load() {
      console.log(frame.contentWindow.a)
    }
</script>

b.html

<script>
    document.domain = 'test.com'
    var a = 100
</script>

后端

a.js

let express = require('express')
let app  = express()
app.use(express.static(__dirname))
app.listen(3000)

b.js

let express = require('express')
let app  = express()
app.use(express.static(__dirname))
app.listen(4000)

转载于:https://www.cnblogs.com/zouxinping/p/10348826.html