以下代码只是为演示该方法具体是如何操作的,实际的意义并不大。

其实这个方法还可以解决很多方面的跨域操作,以下两点为我工作中遇到的情况!

比如A系统中打开B系统页面的时候,获取B系统页面高度,A系统中可以动态设置窗口的高度

还有A系统中打开B系统页面的时候,B系统页面进行一系列操作,操作成功后需关闭A系统窗口,就可以在操作成功后再在B系统中嵌入A系统的blank.html页面,blank.html页面打开的时候,动态关闭A系统的窗口!

下面为大家讲下是如何实现该方法的

1.在A系统下添加名称为blank.html的空白页面,注意不需要任何内容,因为只需要在里面添加js代码即可!

2.然后我们在A系统的Home/Index页面下嵌入ifrme路径指向B系统的Home/Index页面,并且加上自定义参数url,url就为刚才添加的A系统的空白页面,iframe记得添加name和id属性,方便接下来的操作!

3.这里会请求B系统的HomeController控制器下的Index动作,接收到传递过来的url参数,通过ViewBag.BlankUrl=url返回到页面,页面加载的时候动态获取页面的高度,然后在页面的div元素中再次添加name=iframeBlank的iframe元素并且地址指向ViewBag.BlankUrl也就是A系统的空白页面,并通过"#"字符分割需要的参数传递过去,符号可以自定义!

4.A系统通过Iframe嵌入B系统Home/Index页面的同时时,B系统又同时在页面嵌入A系统的blank.html页面以及B系统传递回来的数据,由于iframe的特殊属性需通过以下方式获取返回的数据  var data= window.parent.parent.frames["myframe"].frames["iframeBlank"].location.hash

转载于:https://www.cnblogs.com/MR-YY/p/4995983.html

通过Iframe在A网站页面内嵌入空白页面的方式,跨域获取B网站的数据返回给A网站!...相关推荐

  1. h5 跳转上个页面刷新_H5实现页面内跳转页面

    W3School.com.cn 注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开. 原文来源:http://www.w3school.com.cn JS实现页面内跳转 ...

  2. 邮箱html页面无法显示图片,邮箱内嵌入html页面需要注意的

    上周接到一个需求,要写一个邮箱内接收邮件的页面,一开始,我就当做正常页面去写了,但是上正式环境后,突然发现,样式千奇百怪,大部分都没生效. 查阅资料后,才知道,由于邮箱内页面对很多H5,CSS3属性不 ...

  3. html5跨域获取页面元素,iframe嵌套页面 跨域

    如何用javascript 跨域获取iframe子页面的元素信息 我的iframe嵌套在别人页面上,在iframe中ajax访问...以前没这问题啊,我更新了一下界面,难道是换了个jquery版本? ...

  4. vue 页面不置顶问题(页面内操作、页面跳转后) - 集合篇

    文章目录 vue 页面内切换dom,页面跳转后 都不置顶? 一.页面内操作: 1.1 代码如下: 二.页面之间跳转: 2.1 代码截图 · 说明: 2.2 增加代码 · 示下: 三.拓展 · (直接置 ...

  5. 页面内嵌入iframe出现滚动条

    一.问题出现原因 iframe可以在原有的页面中嵌入一个新的页面,在所嵌入的新的页面中会出现相关的滚动条. 二.问题解决方案 直接控制iframe框架,使其不能出现滚动条.具体相关的代码如下所示: & ...

  6. iframe和iframe实现页面内嵌套一个页面(jsp)

    相信刚学习javaweb的同学都十分好奇页面上点击一个按钮下面就显示一个页面,点击不同的导航栏按钮,下方就会显示不同内容,这就用到了iframe标签的src属性.下面就给大家介绍一下iframe的使用 ...

  7. 【Flutter】Flutter 混合开发 ( 关联 Android 工程与 Flutter 工程 | 安卓页面中嵌入 Flutter 页面 | 安卓中启动 Flutter 页面 )

    文章目录 前言 一.创建 Android 项目 二.关联 Android 工程与 Flutter Module 工程 1.配置 Flutter Module工程 2.配置 build.gradle 3 ...

  8. iframe子页面内刷新父页面中另一个iframe子页面

    框架页面如下: <div id="aa" style="float: left; height: 500px; border-right-style: solid; ...

  9. flex页面中嵌入html页面

    使用flex-iframe插件 在gitHub上的地址如下 https://github.com/flex-users/flex-iframe 可以这样引入这个插件 <s:Application ...

最新文章

  1. Chimera 嵌合体
  2. 短途人生- 让自己慢下来(39)
  3. 利用pylot进行性能测试
  4. 第一次打开Lightroom时的基本设置
  5. jq画布插件_超炫HTML 5开发的jQuery进度条插件
  6. Spring快速开启计划任务
  7. c++ socket学习(1.4)
  8. 前端学习(2239):小滴后台管理系统简介
  9. 同步请求和ajax请求,ajax 同步请求和异步请求的差异分析
  10. find函数常见错误_终于找到你,查找函数,find必不可少
  11. mysqld --initialize --console 没有 打印信息_JavaScript设计模式--装饰者模式
  12. avr单片机c语言大小比较,AVR单片机C语言入门知识
  13. 汇编dos系统调用(输入输出篇)
  14. android输入法剪贴板,手机写作利器:输入法剪贴板
  15. 研发人员如何开展职业规划
  16. 回顾历史5次经济衰退时期:这一次可能会有何不同?
  17. NSWindow纯代码设置
  18. 开启这些隐藏功能,让你的Chrome更加强大
  19. Win10数字小键盘按键变成方向键怎么办?Win10数字小键盘按键变为方向键解决方法
  20. 《iOS防护02》破解ptrace防护

热门文章

  1. 08-spring整合 junit
  2. Callable的简单使用
  3. iOS开发中与库相关的术语
  4. Scrapy shell调试网页的信息
  5. 《侠侣天下》资料片武魂大揭晓
  6. Struts 声明式异常处理和个性化异常处理(转)
  7. 【原】iOS动态性(三) Method Swizzling以及AOP编程:在运行时进行代码注入
  8. Head First设计模式之原型模式
  9. 自定义Unity对象生命周期管理集成ADO.NET Entity Framework
  10. 2015第26周六《谁动了我的奶酪》书摘