草庐IT

login-status-iframe

全部标签

javascript - Angular 2 iframe与父通信

在我当前的项目中,我有多个Angular2应用程序,它们应该由门户应用程序(也是Angular2)提供服务。因此门户应用程序有一个标题区域,其中包含指向所有底层应用程序的链接。当用户单击一个应用程序链接时,相应的Angular2应用程序将加载到门户主体的iframe中。现在我开发了一个中央授权服务。在门户中,我有一个服务,它拥有当前登录用户的权限。我的问题是:是否可以在单个应用程序(iframe)中访问父级(门户)的Angular2服务/组件?Angular1似乎是可能的viascope 最佳答案 我目前正在考虑做类似的事情(在iF

javascript - 绑定(bind)到动态创建的 iframe 中的事件

我需要在用户执行特定操作后动态创建的iframe内绑定(bind)一个事件(例如click上的任意)。附加iframe的代码和iframe内的代码不是我的,我无法以任何方式更改它(这是CMS管理面板)。我如何使用jQuery1.6收听事件(同样,这不是我的选择,我坚持使用它)。我以为delegate()可能是我想要的:$('body').delegate('iframeinput','click',function(e){alert('bingo?');});但是当输入被点击时,上面的代码并没有提醒。但是,以下内容按预期工作:$('body').delegate('input','cl

javascript - 控制 Facebook iFrame 应用程序父框架的滚动位置

我已经成功启动并运行了一个FacebookiFrame应用程序,但我意识到由于跨域问题,我无法处理父框架的滚动位置。如果用户在页面上点击得太远,我无法将他们弹回顶部。有没有人幸运地使用了任何FacebookJS库或其他JavaScript技巧来实现这一目标?谢谢! 最佳答案 Facebook在2011年4月向新的JavaScriptSDK添加了FB.Canvas.scrollTo方法:http://developers.facebook.com/docs/reference/javascript/FB.Canvas.scrollTo

javascript - YouTube API 目标(多个)现有 iframe

我正在尝试了解如何使用YouTubeAPI定位现有的iframe(即不使用脚本构建iframe)。像往常一样,Google没有提供足够的API示例,但在此处解释说这是可能的http://code.google.com/apis/youtube/iframe_api_reference.html这是我正在尝试执行的操作的示例-应该播放缩略图下方的视频。我快到了,但只有第一个视频播放...http://jsfiddle.net/SparrwHawk/KtbYR/2/ 最佳答案 长话短说:演示:http://jsfiddle.net/Kt

javascript - 如何在页面加载时使用 jQuery 将 youtube 视频 url 转换为 iframe 嵌入代码?

我有一个所见即所得的文本区域,有时用户可能会在框中输入一个youtubeurl。在服务器端,有html过滤器以防止保存“有害”代码。因此,我只想保持服务器代码不变,并运行一个jQuery文档就绪事件,该事件在文本block中搜索YouTube链接,并将其转换为iframe嵌入代码。我想它会是基于正则表达式的,但我对正则表达式非常讨厌(在某些时候,我真的需要坐下来研究它们)。两种类型的YouTube链接:http://www.youtube.com/watch?v=t-ZRX8984sc或http://youtu.be/t-ZRX8984sc 最佳答案

javascript - <iframe> javascript跨域访问父DOM?

我控制嵌入在来自另一个域的页面中的iframe的内容。我的iframe中的javascript是否有任何方法可以更改父级的DOM?例如,我想让我的iframed脚本向父DOM添加一堆html元素。这似乎是一个相当高的要求-想法?编辑:存在一种称为“FragmentIDMessaging”的技术,它可能是跨域iframe之间进行通信的一种方式。编辑:此外,Firefox3.5、Opera、Chrome(等)似乎正在采用html5"postMessage"api,它允许在框架、iframe和弹出窗口之间进行安全的跨域数据传输。它像一个事件系统一样工作。显然,IE8支持此功能,这可能有点令人

javascript - 错误回调 {"readyState":4 ,"status":200 ,"statusText" :"success"}

我有这个url电话。该url按预期返回一个json对象(直接浏览器调用)但是当我通过ajax执行此操作时,请使用以下行$.ajax({url:url,type:"GET",dataType:"jsonp",success:function(data){alert(data);},error:function(error){alert("nogood"+JSON.stringify(error));}});它返回我nogood{"readyState":4,"status":200,"statusText":"success"}我知道在stackoverflow上还有其他类似的问题,但似

Javascript,跟踪 iframe 重定向顶部窗口

由于除了沙盒之外没有其他方法可以阻止iframe重定向顶部框架,沙盒会阻止可见性跟踪所需的其他功能,因此我想跟踪重定向。由于一个站点可以有多个iframe,因此可以是其中任何一个。有什么方法可以跟踪/找出哪个(特定的iframe)导致顶部框架重定向?这是一个沙箱(使用浏览器控制台并启用保留日志):注意iframe内容通常是跨域的。为了便于在sandox中使用它。 最佳答案 我们可以使用类似iframe.contentWindow.document的东西访问iframe内容但如果我们观察Same-originpolicy,这是可能的.

javascript - 谷歌翻译 iframe 解决方法

我正在使用谷歌翻译工具翻译一个网页,我在这个页面上也有一个iframe,它显然没有随页面一起翻译。是否有任何人知道的解决方法,以便我也可以翻译iframe? 最佳答案 这是Google翻译的真正限制或政策。您不能重写iframe内容。但是您可以做的一件事是将iframeurl更改为翻译后的页面,例如: 关于javascript-谷歌翻译iframe解决方法,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.co

javascript - "iframe sandbox"技术安全吗?

更新:由于这个问题没有答案,所以我稍微改变了这个问题。下面链接的Dean博客上的帖子评论表明此技术在Safari中不起作用。我现在的问题是:下面描述的技术在现代浏览器中是否有效*,特别是有人可以确认它是否在Safari中有效吗?这是最近的blogpost.它在某一时刻说:Sandboxednatives...aresupportedinavarietyofbrowsers,including...Safari2.0+...但后来说iframe技术“被除Safari之外的所有主要浏览器支持”,他展示的回退涉及使用伪造的构造函数和__proto__做一些奇怪的事情,这似乎有点哈克。我几乎很