码迷,mamicode.com
首页 > 其他好文 > 详细

14.4 跨域 - hash(比较恶心 不用)

时间:2019-02-02 12:51:04      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:express   传递   style   路径   change   frame   比较   div   ati   

前端

a.html

<!--
a和b同域,和c跨域
路径后面的hash值可以用来通信
目的:a想访问c
a给c传一个hash值 c收到hash值后 c把hash值传递给b b将结果放到a的hash值中
-->
<iframe src="http://localhost:4000/c.html#iloveyou"></iframe>
<script>
    window.onhashchange = () => {
      console.log(location.hash)
    }
</script>

b.html

<script>
    // window.parent是c window.parent.parent是a
    window.parent.parent.location.hash = location.hash
</script>

c.html

<script>
    console.log(location.hash)
    const iframe = document.createElement(iframe)
    iframe.src = http://localhost:3000/b.html#idontloveyou
    document.body.appendChild(iframe)
</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)

 

14.4 跨域 - hash(比较恶心 不用)

标签:express   传递   style   路径   change   frame   比较   div   ati   

原文地址:https://www.cnblogs.com/zouxinping/p/10348080.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!