首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法从Iframe的内容中获取父URL?

相关·内容

js获取iframe内容(iframe内嵌页面)

大家好,又见面了,我是你们朋友全栈君。 js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他iframeid 在页面定义函数,再到子页面调用。...页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取页面所有...iframe for(i=0;i js怎样获取iframe,src参数 如何获取iframesrc里面的属性 js如何修改iframe 中元素属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素功能是在一个html内嵌一个文档,创建一个浮动iframe可以嵌在网页任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...JavaScript如何修改页面iframe属性值 HTML5有客户端数据储存方法,但是支持浏览器不多。

24.4K50

学员投稿 | iframe 解决跨域

,网上相关内容一抓一大把,但是突然学习到一个关于前端解决跨域方式 就是 利用 iframe  不管你有没有了解过,反正我没有 我觉得很有用并且容易忘,所以我记录下来哈哈哈 下面会分三块内容进行描述... 下有 b.html b.html 也是辅助页,用于请求数据(以下简称B) 内容页 A 在 A ,使用 iframe 嵌入了B,并且全局设置了一个函数 getData 这个函数作用是,为了给C页面调用...1、iframe 2、两个辅助页 3、数据回调 所以我们封装函数必须要满足这几个东西 首先,封装一个函数创建 iframe 插入 body ,并且转到传入 url function createIframe...比如请求接口需要某些参数,这些参数是页面提供,所以就只能把这些参数放到 iframe  url 上以便通信 拼接 url 函数 function parseUrl (url, param) {      ...,我们还是有必要来看下怎么使用啊 封装函数实践 在这里我先出一个大王函数,用于获取链接参数,直接得到对象 作用如下 然后就到我们正文了 首先,我们内容页率先登场,并且调用 cross 表示调用接口

2.4K30

【JS应用】Iframe 解决跨域

,网上相关内容一抓一大把,但是突然学习到一个关于前端解决跨域方式 就是 利用 iframe 不管你有没有了解过,反正我没有 我觉得很有用并且容易忘,所以我记录下来哈哈哈 下面会分三块内容进行描述...是辅助页(以下简称C) 2、localhost:3002 下有 b.html b.html 也是辅助页,用于请求数据(以下简称B) 内容页 A 在 A ,使用 iframe 嵌入了 B,并且全局设置了一个函数...比如请求接口需要某些参数,这些参数是页面提供,所以就只能把这些参数放到 iframe url 上以便通信 拼接 url 函数 function parseUrl (url, param) {...放到 url 上,然后子页面就可以直接 url 上拿参数,并取其中字段 parentFunc ,就可以知道函数名啦 优化 随着请求越来越多,生成全局随机函数肯定会越来越多,并且是一次性,不会再被使用...ajax({ 那么现在就只剩下我们C 页面了 url获取到函数名,然后拿到 页面的 window(也就是 parent) 直接调用,并且传入 window.name 这样,整个流程就走完了

14.3K11

【前端安全】JavaScript防http劫持与XSS

这种情况还比较好处理,我们只需要知道我们页面是否被嵌套在 iframe ,如果是,则重定向外层页面到我们正常页面即可。 那么有没有方法知道我们页面当前存在于 iframe 呢?...上面也说了,使用 top.location.href 是没办法拿到级页面的 URL ,这时候,需要使用document.referrer。...通过 document.referrer 可以拿到跨域 iframe 页面的URL。...没有,我们虽然重定向了页面,但是在重定向过程,既然第一次可以嵌套,那么这一次重定向过程页面也许又被 iframe 嵌套了,真尼玛蛋疼。...我们假设注入已经发生,那么有没有办法拦截这些内联事件与内联脚本执行呢? 对于上面列出 (1) (5) ,这种需要用户点击或者执行某种事件之后才执行脚本,我们是有办法进行防御

3.2K40

前端和前端联调各种姿势,了解一下

不同的人负责东西同时展示在页面上交互,那么两个前端开发过程必然有联调过程 背景:页面index.html里面有一个iframeiframesrc为子页面(另一个html链接),下文都是基于此情况下进行...更骚操作,自己和自己通信 都是两个页面,要写两分html,有没有办法不用写两个html呢,只需要一个html呢?其实是可以! 给url加上query参数或者哈希,表示该页面是子页面。...,并通过它两个MessagePort 属性发送数据,而且在 Web Worker 可用。...可以被多个页面同时使用,可以几个浏览上下文中访问,例如几个窗口、iframe、worker。...,既然contentWindow是iframe自己window,那么我们就可以随意注入任何内容,供iframe调用了。

1.4K10

动手写 js 沙箱

"username")); // will print "Mulder" console.log(auth.eval("password")); // will print "trustno1" 那有没有什么办法可以解决...那有没有办法解决global var办法呢? 有啊... 只是有点复杂先用with,在用Proxy with with这个特性,也算是一个比较鸡肋,他和eval并列为js两大SB特性....compileCode (src) { src = 'with (sandbox) {' + src + '}' return new Function('sandbox', src) } 这样,所有的内容多会...接着,我们来看一下,如果使用iframe,来实现代码编译. 这里,Jsfiddle就是使用这种办法. iframe 嵌套 最简单方式就是,使用sandbox属性. 该属性可以说是真正沙盒......我们实际上只能从上面获取信息. 该API常常用在window和iframe信息交流当中. 现在,我们回到上面的内容. <!

2.7K00

基于iframe跨域与更新窗体地址栏解决方案

运维平台内部页面还可调整到其他页面,我们就不做管理了。 但是这样简单实现方式,在体验上存在一个问题:当用户正常进入虚拟机管理页面后,由于可以页面内容跳转到其他页面,例如跳转到某个详情页面。...内部在window.locationhash值变化后,获取子窗体href值,再对窗体地址栏做修改。...以虚拟机模块代码为例,由于虚拟机页面还有可能跳转到母机模块,这里也要考虑到: 图片1.png 如果是在获取到子窗体src后,以window.location.href = xxx;方式来修改窗体...这样每次iframe内部src发生变化后,都会相应修改窗体地址栏,但又不会去刷新当前页面,效果上看起来就像是在自己页面操作,感受不到跨站点问题。...每次刷新页面,在页面初始化时,就根据当前窗体地址栏url去得到属于运维平台location.search值,用这个值修改iframesrc值,达到每次刷新页面,都可以根据当前地址栏url

13.7K1350

HTTP 劫持

这样广告,不但可以在一些中小网站上见到,在国内大型网站上也屡见不鲜。很多网民会立即怀疑自己机器有没有病毒或者木马,或者是什么恶意浏览器插件又在作祟。其实,这都是运营商搞鬼。...在 2010 年时候,因为这样劫持行为,青岛联通还在一场引起轩然大波索赔案件败诉,被罚 20 万元给百度。索赔金额来看显然是小事,但是对于中国互联网成熟还是有积极意义。...既然已经知道了原理,那么自然就容易想到解决办法。...对于这一类劫持,有一个共同特点是,原有网站页面,都是放在一个 iFrame 里面的,那么只要加上这样脚本,判断如果页面是以一个 iFrame 加载,就让页面重定向到原页面去: if(top!...首先我们需要获取这种行为具体信息,一种办法是你掌握一个页面原有的 JavaScript 方法、DOM 对象列表,或者是浏览器请求域名列表(类似于一个白名单),如果发现列表之外未知方法、DOM 对象引入

99610

Comet——服务器推送解决方案

类似这些消息,需要服务器即时地更新到浏览器,因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题实现方案就是今天要记录Comet。...恩,区别就在于服务器在没有响应时候会把请求hold住,直到有消息要返回或者超时返回 [Fh3QAUAkKxfFZrtHT3izjslrcxJP] 浏览器角度来看,长轮询办法保持了有效请求,又避免了大量无效请求...当作一个不断增加内容文档,然后在增量文档中生成script标签调用预定义回调函数,这里也有jsonp思想在里面。...; 这个方法问题在于,没有办法实现可靠错误处理或者跟踪连接状态,因为所有的连接和数据都是由浏览器通过script标签来处理,于是某一端什么时候断开了咱们并不知道。..., callback); } } xhr.send(null); } 其实跟永久帧方法也类似,只不过是把iframe获取内容方式改成了ajax,然后在xhr内部处理增量逻辑

1.4K00

Comet——服务器推送解决方案

类似这些消息,需要服务器即时地更新到浏览器,因为浏览器并不知道恒生指数有没有涨到三万两千点。这个问题实现方案就是今天要记录Comet。...恩,区别就在于服务器在没有响应时候会把请求hold住,直到有消息要返回或者超时返回 ? 浏览器角度来看,长轮询办法保持了有效请求,又避免了大量无效请求,并且即时性更好,这是一种可行方案。...当作一个不断增加内容文档,然后在增量文档中生成script标签调用预定义回调函数,这里也有jsonp思想在里面。...; 这个方法问题在于,没有办法实现可靠错误处理或者跟踪连接状态,因为所有的连接和数据都是由浏览器通过script标签来处理,于是某一端什么时候断开了咱们并不知道。..., callback); } } xhr.send(null); } 其实跟永久帧方法也类似,只不过是把iframe获取内容方式改成了ajax,然后在xhr内部处理增量逻辑

1.2K21

单点登录 3 种实现方式

应用系统检查当前请求有没有 Token,如果没有,说明用户在当前系统尚未登录,那么就将页面跳转至认证中心。...如果认证中心发现用户尚未登录,则返回登录页面,等待用户登录,如果发现用户已经登录过了,就不会让用户再次登录了,而是会跳转回目标 URL ,并在跳转前生成一个 Token,拼接在目标 URL 后面,回传给目标应用系统...域 Cookie 确实是一种不错解决方案,但是不支持跨域。那么有没有什么奇淫技巧能够让 Cookie 跨域传递呢? 很遗憾,浏览器对 Cookie 跨域限制越来越严格。...关键代码如下: // 获取 token var token = result.data.token; // 动态创建一个不可见iframe,在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下 LocalStorage ,前端每次在向后端发送请求之前,都会主动 LocalStorage 读取 Token 并在请求携带,这样就实现了同一份 Token 被多个域所共享

70910

广告等第三方应用嵌入到web页面方案 之 使用js片段

:  服务端接收到请求后, url中提取到参数, 再根据参数数据库查找出对应数据信息,比如是广告的话, 就查找到对应广告素材, 并将查询到数据信息插到javascript模板, 浏览器执行...服务端生成脚本,所有的代码和数据都包含在生成js文件,不需要做额外请求,适用于内容及样式相对简单页面.比如只有一个图片广告展示.对于内容较多,样式较为复杂内容展示通过第二种方案实现更加灵活....两种方案实现起来, 主要以下几步:  1.获取参数 --> 2.获取数据 --> 3.输出html 1.传递参数 下面介绍一下脚本参数传递几种方式优缺点:   1.通过拼接URL传递 <script...动态插入到已存在元素之后(即可以追加到已知位置)    缺点:     1.使用字符串拼接不利于HTML片段编写和维护     2.会继承页面样式     3.主页面可更改DOM内容   字符串拼接不利于编写和维护问题...1.需要在iframe外部呈现内容, 场景: 第三方应用需要弹出对话框时,如果iframe不是覆盖整个页面的, 就无法正常展示对话框    2.一个页面引入很多个iframe嵌入页面, 同一个页面引入许多个

3.3K111

百度编辑器那些坑

iframe也就是表单页面使用了一个textarea 标签来保存具体内容,导致即使我在iframe操作之后,依然会出现问题。...,跑去窗口拿到数据文本内容,做了一点点延时加载。...第一个问题:在IE当中,使用ctrl + V 是没有任何反应和效果,而在谷歌浏览器下面, 第二个问题:在IE, 复制粘贴word内容无法粘贴图片 无法解决办法: https://www.cnblogs.com...不出所料,没有内容,我们直接打印 e 事件对象,看看有没有想要内容 ? 错了,使用console: ?...总结: 不是一码事,针对上传操作做了一些兼容和优化而已,无法解决粘贴问题 官方Github:问题描述:word复制图片粘贴到UEditor以后不能正常显示,work图片转存按钮也不可用。

1.4K30

单点登录三种实现方式,你会几种?

获取 Session。...应用系统检查当前请求有没有 Token,如果没有,说明用户在当前系统尚未登录,那么就将页面跳转至认证中心。...域 Cookie 确实是一种不错解决方案,但是不支持跨域。那么有没有什么奇淫技巧能够让 Cookie 跨域传递呢? 很遗憾,浏览器对 Cookie 跨域限制越来越严格。...关键代码如下: // 获取 token var token = result.data.token; // 动态创建一个不可见iframe,在iframe中加载一个跨域HTML var iframe...Token 写入到了多个域下 LocalStorage ,前端每次在向后端发送请求之前,都会主动 LocalStorage 读取 Token 并在请求携带,这样就实现了同一份 Token 被多个域所共享

6.4K21

记录工作遇到各种问题(Bug,总结,记录)

而AjaxFileUpload插件上传文件处理方式是,获取返回实体内容,直接进行eval 解析,解析失败,报错,则无法上传 ?...页面中有iframeiframe里面有分页按钮,在页面对iframe做加载之后监听iframe中点击事件操作,初始第一页正常,但点击第二页之后事件就失效了 原代码: ?...第一次成功打印出来,即触发了load事件,但点击下一页后,iframe实际上已经刷新了,但并不会再触发这个load事件 后来解决办法是换了种监听方法,区别主要是获取iframe对象方式变了,还不知为啥会这样...word文档复制带换行内容到编辑器中会有乱码,如 ? 调试找到了解决办法,改了源码,给作者提了个pr就好了 ? 31. requirejs可以使用urlArgs参数自定义文件是否缓存 ?...,timeline瀑布流中发现资源并不是按照页面代码顺序由上往下请求,比如<img 标签src资源和css文件background-image属性src资源加载顺序,资源并行加载数量不清晰

17.9K12

前端复盘: iframe跨页通信和前端实现文件下载

效果如下: 2.实现父子页面和子页面与子页面之间通信方法 父子页面这里主要针对iframe而言,即iframe页面以及iframe页面之间通信。...iframe内部方法和dom元素,进而可以操控iframe页面 首先我们来看看页面操控子页面的场景:页面A调用子页面的方法传递一条数据,并并显示在子页面: // 页面 window.onload...$id('bridge').innerHTML = '子页面操控页面dom' 代码可以看到,我们使用parent.window拿到页面的window,然后调用页面提供$id方法来操作页面dom...接下来我们来解决子页面和子页面通信问题,其实方法在上面已经提到了,我们可以把页面作为一个桥梁,子页面A通过parent.window拿到页面的window,进而可以获取另一个子页面Bdom,这样我们就可以让子页面...4.前端实现文件下载功能 对于下载文件来说,大部分场景都是后端来实现,前端只需要请求接口就好了,但是有时候这种方式反而会占用多余资源和带宽,如果需要下载是用户自己生成内容或者内容已经返回到客户端了

1.2K30

让你在WebView中用JS调Native Object

背景 之所做这个东西,源于之前项目中需要把一些页面用webView来呈现,但是web需要调用native方法,比如获取本地存某些数据、调用摄像头等等,这里也就是说JS要和OC能够互通有无。...但是这里有个问题,我通过class_copyMethodList去获得一个Class以及它类上方法,这样子遍历其实是很耗性能,尤其是当你需要注入类特别多时候。...我最开始是想看看在JS中有没有办法实现像forwardinvocation这样东西,如果有的话我就可以根本不需要提前去注入了,只需要调用时候去查找就好了。...然后从这个特殊URL上面取到我要调用对象名字,方法名以及参数等等。...由于我是依赖UIWebView,没有用JavascriptCore这样高大上东西,所以答案我答案是没有办法

2.4K30
领券