草庐IT

embed_iframe

全部标签

javascript - 让脚本等到 iframe 加载后再运行

我工作的网站在iframe上有一个在线聊天插件。如果没有可用的代理,我正在尝试更改图像。我的代码在控制台上有效,但在网站上没有任何作用。varLiveChatStatus=$("iframe").contents().find(".agentStatus").html();if(LiveChatStatus=="Offline"){$('#liveChat').html('');}我试过这个:$('iframe').ready(function(){varLiveChatStatus=$("iframe").contents().find(".agentStatus").html();

javascript - 如何更改 iframe src 使用 angularjs

Yourbrowserdoesnotsupportiframes.如何改变iframesrc 最佳答案 您还需要$sce.trustAsResourceUrl否则它不会打开iframe内的网站:JSFiddleHTML:ChangeitJS:angular.module('myApp',[]).controller('dummy',['$scope','$sce',function($scope,$sce){$scope.url=$sce.trustAsResourceUrl('https://www.angularjs.org')

javascript - 在来自不同域的 iFrame 上运行小书签

有没有办法在来自不同域的iFrame上运行小书签?例如,我有一个从http://example.com加载的页面,它有一个iFrame,其源设置为http://example2.com.当我运行小书签时,它总是在http://example.com上运行,因为那是主页。不过,我想在另一个iFrame上运行它。当我尝试与iFrame交互时(例如,通过将其源属性更改为javascript:alert('test')),Chrome显示以下错误:UnsafeJavaScriptattempttoaccessframewithURLhttp://example.comfromframewith

javascript - Youtube IFrame API 不受信任的来源

如标题所示,我正在使用IFrameAPI。我一直在关注APIReference中的指南.它对我有用,但是我发现了一些警告并想解决它们。它们是:Untrustedorigin:https://www.youtube.com和Untrustedorigin:chrome-extension://boadgeojelhgndaghljhdicfkmllpafd两者均源自www-embed-player.js:331通过我的研究,我发现第二个发生是因为它constantlypollsforthechromecastextension(有点奇怪,但它是谷歌)。如果我禁用chromecast扩展程

javascript - 计算跨浏览器的 iframe 高度

在我的javascript经验中,最困难的问题之一是正确(即“跨浏览器”)计算iframe高度。在我的应用程序中,我有很多动态生成的iframe,我希望它们都在加载事件结束时执行某种自动调整大小以调整它们的高度和宽度。在计算高度的情况下,我最好的解决方案如下(在jQuery的帮助下):functiongetDocumentHeight(doc){varmdoc=doc||document;if(mdoc.compatMode=='CSS1Compat'){returnmdoc.body.offsetHeight;}else{if($.browser.msie)returnmdoc.bo

javascript - 使用 iframe 和 javascript API 让 youtube 视频全屏显示

我有一个带有隐藏控件的嵌入式YouTube视频:我可以使用youtubeJavascriptAPI来控制它。vartag=document.createElement('script');tag.src="//www.youtube.com/iframe_api";varfirstScriptTag=document.getElementsByTagName('script')[0];firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);varplayer;functiononYouTubeIframeAPIReady()

javascript - 如何强制用户必须在 iframe 中滚动 pdf

我在iframe中有一个pdf文件。我希望用户在提交表单之前必须在pdf文件中滚动。我正在尝试这个,varposition=$('#myIframe').contents().scrollTop();但是不工作。请帮助我提前致谢。 最佳答案 如果您不介意为您的iframe设置静态高度,我可以为您提供解决方案。HTML和CSS1.将您的iframe包装在div容器中2.为您的容器和iframe设置heights(容器的height应该是您希望看到框架的height和iframeheight应该足够大以显示整个pdf。)3.设置容器di

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