html页面去空白页,通过Iframe在A网站页面内嵌入空白页面的方式,跨域获取B网站的数据返回给A网站!_html/css_WEB-ITnose...

news/2024/5/9 3:19:48/文章来源:https://blog.csdn.net/weixin_42509614/article/details/117795742

5268f80b9b1e01f982625ef6fac83ca1.png

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

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

比如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

1428d0e076c3959ab11d28a39bc84fab.png

5268f80b9b1e01f982625ef6fac83ca1.png

本条技术文章来源于互联网,如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源:php中文网

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_848777.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

程序员本地网站

这道题要求从本地访问,打开burpsuite抓包,加上:X-Forwarded-For: 127.0.0.1 就好了 X-Forwarded-For: 简称XFF头,它代表客户端,也就是HTTP的请求端真实的IP,只有在通过了HTTP 代理或者负载均衡服务器时才会…

推荐几个正经网站,让你的数据结构和算法学习事半功倍!

前言 相信对于大部分程序员来说,数据结构和算法学起来是比较难的,但是它在工作中又是非常的重要,可以说是开发中的一块基石。 所以为了更好的学习和理解数据结构和算法,当时我是趁着双十一搞活动买了几本算法书,打算一…

AboutDNN网站链接交换图标

重新设计一个AboutDNN.com网站的图标。 标准的88*31像素的图标: 图片地址:http://www.aboutdnn.cn/logo/AboutDNN_com_88_31.gif 图片地址:http://www.aboutdnn.cn/logo/aboutdnn_com_120_30.gif 图片地址:http://www.aboutdnn.cn…

介绍一个不错的图书下载网站-顺便推荐几本书

站长肯定是个程序员,因为注册该网站的时候居然要做一程序题,像面试一样,很有意思。这个网站上几乎有所有计算机方面有点名的著作,而且站长非常勤奋,差不多天天都有新书上传。这个站名叫皮皮书屋,地址&#…

大型高性能网站的十项规则【转】

在我们公司ChinaNetCloud,见 过多种不同类型的网站和系统,有好也有差。其中有些系统拥有良好的服务器/网络架构,并且进行了合理的调整和监控 ;然而一般的系统都会有安全和性能上的 问题,不能良好运行,也无法…

linux网站服务

文章目录linux网站服务概念名词网站架构静态站点Apache虚拟主机动态网站部署论坛系统discuz部署博客系统wordpresslinux网站服务 概念 名词 HTML HyperText Markup Language超文本标记语言。网页 使用HTML,PHP,JAVA语言格式书写的文件,网页就是服务器把html文件拷…

如何构建一个优秀的移动网站?谷歌专家教你25招(四)[转]

▌16、在需要选择日期的时候,提供一个可视化日历 当用户在移动网站上预定航班时,很难确定“下周的某一天”是几月几号,所以你需要提供一个可视化日历供用户勾选日期。这样用户就不需要离开你的网站,然后在打开手机上的日历App应用…

_00019 Storm架构介绍和Storm获取案例(简单的官方网站Java案例)

博文作者:妳那伊抹微笑 itdog8 地址链接 : http://www.itdog8.com(个人链接) 博客地址:http://blog.csdn.net/u012185296博文标题:_00019 Storm的体系结构介绍以及Storm入门案例(官网上的简单Java案例)个性签名&#x…

大数据实训05--网站离线日志分析实战

用户行为分析 是指在获得网站访问量基本数据的情况下,对有关数据进行统计、分析,从中发现用户访问网站的规律,并将这些规律与网络营销策略等相结合,从而发现目前网络营销活动中可能存在的问题, 并为进一步修正或重新制…

科研网站推荐

科研网站推荐学习网站综述参考文献科研工具实用工具流程图二维码学习网站 廖雪峰的官方网站国家自然科学基金委员会项目公布 综述 paper-digest :输入论文DOI号,AI生成文章介绍PAPER DIGEST :输入研究方向,AI寻找相关论文并将其…

快速搭建个人网站

目录宝塔简介tomcat购买云服务器下载与配置上传文件域名本次实验使用宝塔、tomcat等工具快速的搭建个人网站。 宝塔简介 宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。 tomcat Tomc…

go语言学习网站大全

最近在学习go语言,搜集了一些学习网站,也有大量的面试题,及练手项目 分享给大家,一起学习 可以关注我的公众号:菜鸟内推 分享求职干货,大厂面经~ go语言系列 go Interview 语雀 https://www.yuque.com/go…

SEO

解释: SEO是由英文Search Engine Optimization缩写而来, 中文意译为“搜索引擎优化”。SEO是指通过站内优化比如网站结构调整、网站内容建设、网站代码优化等以及站外优化。 关于SEO,严谨的定义如下:SEO是指在了解搜索引擎自然排名…

MVC.NET 发布后,部署到iis ,网站中的Bootstrap的字体图标不能正常显示

时隔多日没有在博客中记录自己遇到的问题及解决方案了 ,今天给大家分享一个可能会遇到的一个鸡肋bug ! 如果你的项目是MVC并且在项目中引用了 Boostrap 框架,你在编辑发布后部署到iis的时候,网站的boostrap 字体图标可能会变成框框了 &#x…

使用hexo+github免费搭建个人博客网站超详细教程

很多人都想搭建自己的博客,但是奈何技术有限,服务器部署,HTML,域名解析,等等,这一大堆东西可真有的折腾。 但是如果有这样一个机会,不需要太复杂的操作,不要服务器,不要…

selenium在爬虫领域的初涉(自动打开网站爬取信息)

selenium简介 Selenium 是一个用于Web应用程序测试的工具。Selenium测试直接运行在浏览器中,就像真正的用户在操作一样。这个工具的主要功能包括:测试与浏览器的兼容性——测试你的应用程序看是否能够很好得工作在不同浏览器和操作系统之上。测试系统功能…

java开源网站

Java开源大全(www.open-open.com)收录最全,最新的Java开源软件,发布最新IT资讯,提供开发文档、技术经验在线分享平台。www.open-open.com/ Java开源软件 - 开源软件库 - 开源中国社区 开源中国社区(OSChina)共收录了 5810 款Java 软件... 共有5810款Java 开源软件,第1页Android…

Spring cloud实战 从零开始一个简单搜索网站_freemark 以及configserver的应用(二)

先来说下我的网站架构吧 前面大家也看到了 既然叫博客搜 自然是搜索 博客的 我把每个网站会抽象成一个Client (为了更好的学习cloud) 上面只是展示了主要部分 像Hystrix Ribbon Zuul等等就不画上去了 下面我们再建一个Client 选Eureka Server就可以了 修改…

如何使用postman访问网站

1、输入Request URL2、选择Request Method3、输入需要的Request Headers注意:一般token会在Headers中 转载于:https://www.cnblogs.com/jishugaochao/p/10192076.html

互联网网站架构升级----分布式环境的构建

随着网络流量爆发式增长,几百人维护一个项目将是一个可怕的噩梦,业务拆分势在必行。拆分的业务形成一个个独立的系统,系统间的协调又变成了一个棘手的问题,所以维护这些系统间协调关系的分布式环境组件将发挥至关重要的作用。 由于…