关于iframe中的js跨站

摘要:
iframe中的js跨站的问题很是头痛,关于js跨站的方法可以参考wujiajun1020。在不同站点下调用某一个站点的登录页面,想了想还是用iframe吧,iframe还是很强大的。于是用js写了一个遮罩效果的dialog,用iframe把登录框引过来,登录后iframe中的js刷新父页面。由于跨站iframe中的js不能执行,也就不能刷新父页面了。那我的解决方案就有了,在请求站点中写一个响应的页面供登录成功后回调,把的iframe中url定向到此页面,根据参数做出处理输出js刷新父页面,这样就解决了。

iframe中的js跨站的问题很是头痛,关于js跨站的方法可以参考 wujiajun1020

这里结合我遇到的情况讲讲我的处理方法,我的情况是要在各个站点中调用其中某一个站点的登录页,来达到统一登录的目的(这里详述单点登录了)。在不同站点下调用某一个站点的登录页面,想了想还是用iframe吧,iframe还是很强大的。于是用js写了一个遮罩效果的dialog,用iframe把登录框引过来,登录后iframe中的js刷新父页面(模仿了一下百度,iframe登录,刷新父页面)。由于跨站iframe中的js不能执行,也就不能刷新父页面了。

回想做sina的api接口时,也是弹出一个iframe的授权页面,授权完成后回调,刷新这个页面,那个iframe怎么能刷新。关键就在“回调”(暂且这么称,不知道是否正确),它回调时其实就是将url定向到了我的服务器上一个回调页了,这个页面时他的sdk中的页面,在回调中把参数给一同传过来了,回调页面根据参数做出响应,授权信息正确,则刷父窗口。

那我的解决方案就有了,在请求站点中写一个响应的页面供登录成功后回调,把的iframe中url定向到此页面,根据参数做出处理输出js刷新父页面,这样就解决了。

本方法只能在,所有站点都在我有一定的修改权限下才能完成,比如我们修改然成功登录后回调某个页面。

免责声明:文章转载自《关于iframe中的js跨站》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇pure css简单组件,借鉴bootstrap通过jQuery和C#分别实现对.NET Core Web Api的访问以及文件上传下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JS中双击和单击事件冲突解决

在JS中代码中同一功能块中通常同时会用到单击、双击事件,但通常会遇到一个问题,就是在双击的时候即执行了一次双击事件,而且还执行了两次单击事件。此类冲突在ZTree、DHTMLX中经常遇到。想要解决两个事件冲突,需要对单击事件进行延时,如果在此延时中又监测到单击事件,那么认为此两次单击属于一个双击事件,则只执行双击事件,并第一时间将延时定时器清理,以防止第二...

js 回调函数

回调函数定义: A callback is a function that is passed as an argument to another function and is executed after its parent function has completed。 一个回调是一个函数被传递一个参数到另外一个函数,被执行在主函数完成后 n...

JS DOM元素

// 为element增加一个样式名为newClassName的新样式 functionaddClass(element, newClassName) { var value =element.className; element.className = value + " " +newClassName; } var bo...

js金额格式化

开发中,经常前端与后台是有约定金额格式,但有时后台人员不遵守规则,经常返回的金额不按格式返回,导致前端显示格式不统一被测试人员反馈成bug。 比如约定的金额同一个格式是元单位 0.00,后台却返回 0元 1元,必须前端开发人员格式成0.00,1.00之类的。 下面自己撸的一个对元单位金额进行格式,欢迎测试。 /* 功能:对非标准0.00的元金额格式化成标...

js 计算浮点数

JS的浮点计算 最近遇到了数值计算的时候,计算结果出现了类似于199.9999999999999999999的情况,但是被用来计算的两个数值都只是两位数。 就像这样      --------》         0.1 + 0.2 = 0.30000000000000004。 其实对于浮点数的四则运算,几乎所有的编程语言都会有类似精度误差的问题,...

13个JavaScript图表(JS图表)图形绘制插件【转】

现在网络上又有越来越多的免费的(JS 图表)JavaScript图表图形绘制插件。我之前给一家网站做过复杂的图形,我们用的是 highchart。在那段时间,没有很多可供选择的插件。但现在不同了,很容易就可以找到很多功能非常不错的图表库。个人而言,此类插件的上升,是因为: 1. Flash 过去是最佳解决方案,但很多人多在从那迁移; 2. 现代浏览器及其更...