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

前端

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)

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

时间: 2024-10-18 10:28:19

14.4 跨域 - hash(比较恶心 不用)的相关文章

14、跨域 - jsonp

## 同源策略 协议 域名 端口    3个都一致叫同域,有1个不一致叫跨域 ## 为什么浏览器不支持跨域 cookie LocalStorage DOM元素也有同源策略    iframe ajax 也不支持跨域 ## 实现跨域 -  jsonp -  cors -  postMessage -  document.domain    子域和父域 -  window.name -  location.hash -  http-proxy    反向代理 -  nginx -  websocke

14.5 跨域 - document.domain

使用频率多:百度之间传数据也会使用 前端 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" id="frame"></iframe> <script> do

Html5 跨域通信

H5 跨域通信: 在主页面中通过iframe嵌入外部页面,通过iframe的window对象postMessage方法向iframe页面传递消息. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>跨域通信示例</title> 6 <script type="text/javascript">

使用JSONP解决跨域问题-代码示例

前段时间用JSONP解决了跨域问题,现在不用了,把代码思路记下来,今后说不定还用得上. JS代码 //查询公告数据 function recentpost(){ $.getJSON(cmsUrl+"/post/recentpost.json?jsoncallback=?",{count:count,categoryid:categoryid}, function(data){ // }); } JS代码,主要就是使用jquery的getJSON方法. 更多描述,来自jquery 文档.

阿里P7架构师是如何解决跨域问题的!你有遇到吗?

现在越来越多的项目就算是一个管理后端也偏向于使用前后端分离的部署方式去做,为了顺应时代的潮流,一前后端分离就产生了跨域问题,所以许多同学把跨域和前后端分离项目联系在了一起,其实跨域产生的原因并不是前后端分离导致的,那我们一起来看一下,希望可以靠这一篇文章解答大家所有的跨域问题 一.跨域产生的条件 使用xmlHttpRequest,即我们通常说的ajax请求 浏览器做了这个事 访问的域名不同,即访问的html页面是a域名下的,但内部js发送的ajax请求的目标地址却是b域名 以上三个条件缺一不可,

妈妈再也不用担心我js跨域了。。

$.getJSON('http://www.example.com/?aa=bb&callback=?', function(r){ console.log(r) }); //callback=?参数带上,妈妈再也不用担心我跨域了.jquery的getJSON利用的也是JSONP的原理去实现的.

js 利用iframe和location.hash跨域解决办法,java图片上传回调JS函数跨域

奶奶的:折腾了我二天,终于解决了!网上有很多例子. 但跟我的都不太一样,费话不多说了,上图   上代码: IE ,firefix,chrome 测试通过 js :这个主页面,部分代码, function submitUpload(id){ $("#imgSrc" + id +"").attr("alt", "图片上传中--"); var imgID = id; if(id>0){ imgID = 1; } var for

利用jsonp、iframe和location.hash解决跨域问题

几种解决js跨域的方法 js的跨域:由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一 与当前页面地址不同即为跨域.如下示例: URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名下不同文件夹 允许 http://www.a.com:8000/a.js http://www.a.

不用jsonp实现跨域请求

这几天要用到跨域请求,我在网上找了好多资料,最后自己研究出来一个比较简单方便的, 请求的过程和jquery普通的ajax一样.我用的是.net平台 ,IIS7.5 来看一下后台的代码,我是用MVC的Controll做数据接口. 接下来是前台代码了: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio