Iframe跨域

JS笔记总结

1、跨域总结#如果出现iframe与父window在沟通的时候，出现跨域不能访问的情况，那么需要用到一下的内容：参考：关于iframe跨域实践//父域的运行环境是http://localhost:8087
feifeiyechuan·2019-09-09 18:33

vue单页应用中，如何对百度广告添加点击统计事件？

如何统计iframe跨域点击事件呢？我的思路是：1、这个广告位分为2层，最外层设置成相对定位用来控制广告的样式2、第二层第一个
一个被程序员耽误的厨师·2019-08-09 10:58

跨域问题 Blocked a frame with origin "http://......" from accessing a cross-origin frame.

为了轻松偷懒，不想从目的项目中开发目标项目中的页面，但目的项目中需要获取老项目中的页面，这里用了iframe跨域链接页面出现了问题Blockedaframewithorigin"http://.....
OldBoy~·2019-07-04 19:00

详解iframe跨域的几种常用方法(小结)

背景随着业务的发展，自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同，所以这个公共组件就不能方便地被引用了。为解决这个问题，我们把这个组件写成了单独的页面挂到一个域名下，其他项目采用iframe或者webview的方式去加载这个页面，从而实现功能的简单复用。不过这过程中也产生了很多问题，单是跨域就会出现好几次了。以下我将会介绍我遇到的跨域问题以及一些
苏格团队·2019-04-29 15:08

跨域跨的是什么？后端如何解决？

跨域跨的是域名，端口，协议跨域解决方案1、通过jsonp跨域2、document.domain+iframe跨域3、location.hash+iframe4、window.name+iframe跨域5
MTGG灬·2019-04-04 16:58

前端基础 | 浅谈前端跨域

目录同源与跨域同源同源策略跨域Cookie跨子域共享iframe跨域窗口通信document.domainwindow.na
YogaZheng·2018-11-05 14:12

同源策略

1、通过jsonp跨域2、document.domain+iframe跨域3、location.hash+iframe4、window.name+iframe跨域5、postM
A_浅夏_南辞·2018-10-07 14:09

jsonp-反向代理-CORS解决JS跨域问题的个人总结（更新 v2.0）

解决js跨域问题一共有8种方法：jsonp（只支持get）反向代理CORSdocument.domain+iframe跨域window.name+iframe跨域window.postMessagelocation.hash
线上猛如虎·2018-08-18 00:00

最近的一些总结(滑动卡顿，vue 加载前加loading，iframe跨域)

最近在切前端页面，写一些前端特效，做一个下拉刷新的时候，下拉卡顿，加了一个css属性，.recommend.swiper-wrapper{-webkit-overflow-scrolling:touch;//该属性随着手指离开还会保持滚动}还有就是做左右滑动的时候,css现在已经有现在的了,设置如下属性就可以很好的到达想要的效果overflow:scroll;-webkit-overflow-sc
ganchuanhu·2018-08-17 11:59

跨域原理与ajax跨域解决方案

关于跨域，有N种类型，本文只专注于ajax请求跨域(ajax跨域只是属于浏览器”同源策略”中的一部分，其它的还有Cookie跨域iframe跨域，LocalStorage跨域等这里不做介绍)，内容大概如下
lm_y·2018-07-23 16:33

利用html5的postmessage解决iframe跨域问题的库cross-domain.js，使用超简单

简介一个利用html5的跨域apipostMessage解决一个系统中，多个iframe跨域通信交互的js库。
zhoutao·2018-06-30 00:00

SSO实现调研

一.sohu利用隐藏iframe跨域写cookie的方式过程简述：1.在http://passport.sohu.com/下登录成功2.浏览器再请求http://passport.sohu.com/sso
k1ic·2018-05-19 16:44

IFrame跨域通讯的几种方法

在项目中遇到页面中嵌入IFrame（主页面和框架页为不同域名）时，由于同源策略，主页面和IFrame内页无法通讯的问题。同源策略是一个很重要的安全理念，它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那怎样是相同的域呢？当两个域具有相同的协议(如http),相同的端口(如80)，相同的host（如www.exam
Even·2018-05-17 00:00

iframe跨域解决方案

公司某个功能用的是iframe，由于跨域的原因，我们不能直接设置父级页面iframe的高度，所以用了一个中间页home来完成父级页面iframe的高度设置，这种中间页其实很多时候不好用，因为涉及到页面跳转和刷新，每次都得刷一下页面，而消息发送成功页的一个定位到顶部的功能，就是由于页面刷了一次导致体验不好，除了体验，这种中间页跳转的做法也很蹩脚和繁琐。昨天网上Get了一下iframe的跨域解决方案找
默卿·2018-04-20 15:00

jsonp-反向代理-CORS解决JS跨域问题的个人总结

解决js跨域问题一共有8种方法，jsonp（只支持get）反向代理CORSdocument.domain+iframe跨域window.name+iframe跨域window.postMessagelocation.hash
线上猛如虎·2018-01-24 00:00

三分钟解决前后端分离项目中的跨域问题

这里主要场景是iframe跨域的情况，不同域名的iframe是限制互相访问的。XmlHttpRequest同源策略：禁止使用XHR对象向不同源的
zer0_li·2018-01-02 00:00

ajax跨域

题纲关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下
梦想代码·2017-12-20 10:09

iframe跨域通信实战

"长时间不写文章，开头的方式总是那么出奇的相似"，最近很忙，好久没写博客了啊（是不是？）。更换工作已经有三个月有余，这段三个月把过去三年没加过的班都加了一次。收获挺多，发现的问题也挺多。一直也在思考一些问题：如何把自己遇见的问题好好的理解并且总结？如何很好的学习新知识，不只是停留在用的基础上？……上面的问题我一直在尝试更适合我的方法，暂时就不扯淡了，先尝试一下把这段时间过程中遇见的问题总结下，然后
unofficial·2017-09-19 18:00

iframe跨域通信实战

"长时间不写文章，开头的方式总是那么出奇的相似"，最近很忙，好久没写博客了啊（是不是？）。更换工作已经有三个月有余，这段三个月把过去三年没加过的班都加了一次。收获挺多，发现的问题也挺多。一直也在思考一些问题：如何把自己遇见的问题好好的理解并且总结？如何很好的学习新知识，不只是停留在用的基础上？……上面的问题我一直在尝试更适合我的方法，暂时就不扯淡了，先尝试一下把这段时间过程中遇见的问题总结下，然后
unofficial·2017-09-19 00:00

IE浏览器jquery的attr函数以及iframe跨域使用父窗口的document的兼容性BUG

#IE版本的水这水非常的深，甚至不同的windows系统出现的问题都不一样。什么时候能做到所有的用户都不用IE10以下的版本，那什么时候这水就浅了。水的来源就是：并不是每个员工都可以下载软件安装的，但每个员工的电脑都有IE的。于是我就开始了游泳，噢不！是溺水自救。##样式属性值的坑//自己的jsp是这样写的//分别测试了win7下IE10、9、8，这个值在不同的版本的IE有两种值。如下图：vars
DataVault善战·2017-08-04 16:21

前端如何用代理页面解决iframe跨域访问的问题？

在前端开发的过程中，我们常常会用到iframe去在我们的页面中引用一个子页面，而父子页面又常常会有交互。在同域情况下，子页面如果想要访问父页面中的window对象中的方法的话，直接在当前页面中使用window.parent就可以啦。但是在跨域情况下就会受到种种限制。如图所示，我用node在本地起了2个server，端口号分别是：8124和8123。下面，我在server1页面中通过iframe的方
伯纳乌的追风少年·2017-06-29 16:35

iframe跨域POST提交

以前在面试的时候经常遇到问关于跨域的事儿，所以自己对跨域有一定的概念性了解，知道什么是跨域以及解决跨域的方法，但是具体实际从来没有操作过，直到最近在公司项目中，遇到了一个需要使iframe跨域进行POST
枫s的思念·2017-01-03 00:00

iframe跨域访问 跨域总结与解决办法

iframe跨域访问js跨域是个讨论很多的话题。iframe跨域访问也被研究的很透了。
yongbin668·2016-06-28 14:00

IE下iframe跨域session和cookie失效问题的解决方案

问题来源：何为跨域跨域session/cookie？也就是第三方session/cookie。第一方session/cookie指的是访客当前访问的网站给访客的浏览器设置的seesion/cookie,会被存储在访客的计算机上。第三方session/cookie指的是当前访问的网站中会加载（嵌入）另外第三方的网站代码，例如促销广告，那么第三方网站也会在访客的计算机上添加session/cookie
zmx729618·2016-05-20 16:00

iframe跨域传输数据（二）---- MessengerJS ； 实现子页面父页面数据传输；

做两个不同的项目，iframe嵌入并跨域传输数据；之前写过一篇文章，如何简单的处理跨域的问题，及一种比较笨拙的解决方案；以中间页面（html）,做数据传输的中转站；这次发现了一个插件，MessengerJS来做数据通信，才发现这个封装好的插件做这种跨域的方式其实很简单；这里就简单的分析一下这MessengerJS，代码比较少，没那么多140行加注释；主要是用到H5的通信协议postMessage(
JYX8·2016-05-10 10:29

iframe跨域传输数据（二）---- MessengerJS ； 实现子页面父页面数据传输；

做两个不同的项目，iframe嵌入并跨域传输数据；之前写过一篇文章，如何简单的处理跨域的问题，及一种比较笨拙的解决方案；以中间页面（html）,做数据传输的中转站；这次发现了一个插件，MessengerJS来做数据通信，才发现这个封装好的插件做这种跨域的方式其实很简单；这里就简单的分析一下这MessengerJS，代码比较少，没那么多140行加注释；主要是用到H5的通信协议postMessage(
J_Y_X_8·2016-05-10 10:00

使用postMesssage()实现iframe跨域页面间的信息传递

由于web同源策略的限制，当页面使用跨域iframe链接时，主页面与子页面是无法交互的，这对页面间的信息传递造成了不小的麻烦，经过一系列的尝试，最后我发现有以下方法可以实现：1.子页面url传参简单说来就是把所有需要传递的参数加到与主页面同源的url上，将子页面重定向到该url,然后主页面通过iframe的src获取这些参数过程非常复杂，不建议使用这种方法2.postMessage()postMe
一颗芒果·2016-03-29 13:26

iframe跨域传输数据（一）；子页面访问主框架DOM元素；

如果使用同域的方法，浏览器判断A.html与B.html不同域，会有错误提示。UncaughtSecurityError:Blockedaframewithorigin“http://localhost”fromaccessingaframewithorigin“http://127.0.0.0“.Protocols,domains,andportsmustmatch.实现原理：因为浏览器为了安全
JYX8·2016-03-16 18:50

iframe跨域传输数据（一）；子页面访问主框架DOM元素；

如果使用同域的方法，浏览器判断A.html与B.html不同域，会有错误提示。UncaughtSecurityError:Blockedaframewithorigin“http://localhost”fromaccessingaframewithorigin“http://127.0.0.0“.Protocols,domains,andportsmustmatch.实现原理：因为浏览器为了安全
J_Y_X_8·2016-03-16 18:00

iframe跨域上传图片

方案一：用jquery的$.post异步提交，然后把返回来的值用jquery填充到隐藏域中。可是$.post不支持跨域。 jQuery.ajax()支持get方式的跨域，这其实是采用jsonp的方式来完成的。方案二：利用iframe以及jquery进行表单post提交。代码如下：==a.com/post.html==functionpostcallback(data){//code...} 
河蟹河鱼·2016-03-01 11:00

iframe跨域和同域下的onload

主页面嵌套iframe如何监听iframe的onload事件。场景1：主页面和嵌套页面没有跨域问题。有两种解决方式。1.监听主页面上的iframe元素的onload事件html结构:代码                    test iframe                 js:代码//iframe元素var el=document.getElementById('J_Iframe'),/
wlstyle·2016-02-21 10:42

iframe跨域访问与传值的个人解决办法

如果你想在自己的网页上引用并显示别人的网页，那么iframe是一个很好的选择。如果你的网站和将要引用的网站在同一个域名下那么可以通过js很方便的操作iframe中的DOM对象。但是如果两者不在相同的域名下那么就要涉及到跨域访问的问题了。本人有一些小的方法在这里就和大家分享一下。如下图：如果自己的网页想要访问iframe1的DOM对象就会产生跨域访问的问题。所以我们就要引入第三个页面，而这第三个页面
小北love北·2016-02-17 16:08

iframe跨域通信方案

概述JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表： 对于主域相同子域不同的通信方法这里不一一列举
简叶·2016-01-22 02:00

基于iframe实现ajax跨域请求 获取网页中ajax数据

iframe跨域通信时，浏览器会报如下错误：其实这两个问题都是由于跨域造成的。下面就介绍如何解决这个问题。其实问题的关键就在于，浏览器在解析a
wangcong·2016-01-20 14:06

iframe跨域访问

iframe跨域访问也被研究的很透了。
冰雪傲骨·2016-01-08 19:00

iframe跨域访问

 一般分两种情况：  一、是同主域下面，不同子域之间的跨域；  同主域，不同子域跨域，设置相同的document.domian就可以解决;  父页访问子页，可以document.getElementById("myframe").contentWindow.document来访问iframe页面的内容；如果支持contentDocument也可以直接document.getElementById(
bing_JavaScript·2015-11-27 16:00

用P3P header解决iframe跨域访问cookie

目前在整合几个应用时，遇到了iframe无法获取cookie(session)的问题，经过google，终于把这个问题解决了，现在记录一下。   我的需求是这样的。   有一个应用是用.net开发的，主要是控制用户登录，用户访问权限的，部署在上海机房。现在就叫A应用吧   还有一个应用是用java开发，主要是具体业务的操作。部署
·2015-11-13 10:32

对iframe跨域通信的封装

github源码：https://github.com/boycy815/topProxy 为了偷懒所以依赖了Kissy：http://docs.kissyui.com/ 用法举例：需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html，而在iframe页面中希望通过点击一个按钮，调用top页
·2015-11-13 07:05

IE下iframe跨域登录session丢失问题

网上有这类文章，一般表现为a站点有iframe，iframe的src指向b站，b站登录后保存该域cookie，下次再访问的时候就可以带上这个cookie，但IE下失效。 而我的情况有些类似，但不尽然； 我的是a站有iframe，但src是指向自己（如，login.aspx页）。然后login有个form，action到B站点，然而去B站点就只是拿一些资料，加密后给回a站点进行登录（cookie
·2015-11-13 01:25

用P3P header解决IE下iframe跨域访问时候session丢失的问题

用P3P header解决IE下iframe跨域访问时候session丢失的问题 整合客户的登录时，或者其他一个网站通过iframe时,特别是一个http页面，访问一个https页面时，常常会session
·2015-11-11 17:44

☀【iframe】

  iframe跨域 iframe跨域通信的通用解决方案http://www.alloyteam.com/2012/08/lightweight-solution-for-an-iframe-cross-domain-communication
·2015-11-11 14:44

在IE浏览器中iframe跨域访问cookie/session丢失的解决办法

单点登录需要在需要进入的子系统B中添加一个类，用于接收A系统传过来的参数；   @Action(value = "outerLogin", results = { @Result(name = "redirect", type = "redirect", location = "${inn
·2015-11-11 14:16

解决 Iframe跨域session 丢失问题

解决 Iframe跨域session 丢失问题 Posted on  2012-09-09 12:18  祥叔 阅读(370) 评论( 2)  编辑 
·2015-11-11 11:39

iframe跨域自适应高度

思路： 现有主界面main在域a下，被嵌套页面B在域b下，被嵌套页面B又嵌套一个在域a下的中介页面A。 当用户打开浏览器访问mail.html的时候载入B，触发B的onload事件获取其自身高度，然后B载入A,并将高度值作为参数赋值给A的location对象。 这样A就可以通过location.hash获得B的高度。（location是javascript里边管理地址栏的内置对象，比如loc
·2015-11-11 08:04

利用剪切板实现IFrame跨域自适应高度

父页： <script type="text/javascript">      /*----------------------------------------------------------'       '函数名称： ResetIframeHeig
·2015-11-11 02:10

CP="CAO PSA OUR" 用P3P header解决iframe跨域访问cookie

1、IE浏览器iframe跨域丢失Session问题 在开发中，我们经常会遇到使用Frame来工作，而且有时是为了跟其他网站集成，应用到多域的情况下，而Iframe是不能保存Session的因此，网上可以找到很多相关的文章
·2015-11-10 23:27

IE下PHP iframe跨域导致session丢失问题的解决方法

一个登录页面，被别的网站用iframe嵌进去后，死活无法登录（只在IE中存在这种情况）。主要是session无法被保存的问题，下面把个人的解决过程分享个大家 今天搞的一个登录页面，被别的网站用iframe嵌进去后，死活无法登录（只在IE中存在这种情况）。  很明显，session无法被保存。但是直接在地址栏打开那个登录页面，一切都正常啊。真是奇怪啊。  在网上搜
·2015-11-10 23:36

iframe跨域

最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题，但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据，这有些危险，是否继续" 1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互，而浏览器出于安全考虑，不允许js代码进行跨域操作，所以会警告。 2.
·2015-11-02 19:27

【HTML】iframe跨域访问问题

概述 本地同一浏览器访问本地HTML文件和访问服务器端HTML文件，本地Iframe没有自适应高度，而服务器端的Ifrane自适应了高度。 1.问题重现： Chrome 版本 41.0.2272.101 (64-bit) OS:Win8.1 Chrome访问服务器端HTML文件呈现的结果   Chrome访问本地HTML文件呈现的结果 本地访问的HTML文件Ifra
·2015-11-02 13:19

利用location.hash+iframe跨域获取数据详解

前言 　　如果看懂了前文利用window.name+iframe跨域获取数据，那么此文也就很好理解了。
·2015-11-02 11:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他