草庐IT

iframe-resizer

全部标签

javascript - 在 AngularJS 中使用 iFrame

使用Angular1.2+,我正在尝试制定一种“有Angular”的方式来加载iFrame,但我在任何地方都找不到任何教程/任何真正的讨论。基本上,我有一个显示链接列表的搜索页面。单击链接应调用我的Controller中的函数,该函数将数据(可能通过$http服务?)加载到iFrame,同时保持搜索结果可见。这是一些基本代码(我之前从未真正使用过iFrames,如果这完全错误,我深表歉意)查看Here'salink!Controller$scope.itemDetail=function(link){$scope.itemShown=true;$scope.busy=true;$htt

javascript - 在 iframe 更改时滚动到父框架的顶部?

当用户在iframe中浏览时,是否可以滚动(0,0)到父页面的顶部?例如,我们有一个iframe,它是包含搜索结果的页面的整个高度。当您单击iframe中的下一页按钮时,焦点停留在页面底部。我什至不确定是否有可能检测到这一点。iframesrc值实际上并没有改变。附言我不知道为什么这个网站必须使用iframe,但IE6是标准浏览器,所以我没有问问题。 最佳答案 实际上,在iframe中导航时,onload事件确实有效。 关于javascript-在iframe更改时滚动到父框架的顶部?,

javascript - 检查是否加载了 iFrame。一度。查询

我知道在检查iFrame内容是否已加载时有很多可能性。虽然,有什么限制吗?例如,如果我有一个iframe,我需要检查是否所有内容都已加载,我可以使用load()函数。不过,如果我在iframe中单击一个新链接,它将再次运行load()函数。我想知道的是,有什么办法可以让jquery仅在第一次加载iFrame内容时检查?我什么都试过了,还是不行。 最佳答案 使用jquery。one,它会为您完成解除绑定(bind)的工作。$('#iframe').one('load',function(){});示例fiddle.

javascript - jQuery 中的 window.resize 多次触发

我在HTML文件中有以下JavaScript/jQuery代码:$(window).resize(function(){alert('hi');});resizeme它看起来相对简单,但是当我调整浏览器窗口大小时,我在Chrome和IE9上连续收到两个警告窗口,而且我似乎使Firefox5崩溃了。我错过了什么?每个维度(x/y)是一场火灾吗? 最佳答案 你明白了,一些浏览器在调整大小开始时触发并在结束时再次触发,而其他浏览器(如FF)会连续触发。解决方案是使用setTimeout来避免一直触发。可以找到一个例子here.这是来自同一

javascript - Cordova跨域文件://iframe contentwindow communication

我发现我可以通过file://上的页面和远程主机上托管的iframe使用iframe的contentWindow属性进行跨域通信。例如,在设备上,我在url文件中有一个html页面://.../index.html加载cordova并包含一个iframe:在此页面上,我可以执行加载iframe的javascript并在iframed页面中保存对象的引用,如下所示:variframe=document.getElementById("appframe");iframe.onload=function(){iframe.contentWindow.cordova=window.cordov

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

javascript - Google chrome onbeforeunload 使用 iframe 的错误行为

假设我有两个页面。其中之一包含另一个内部作为iframe。如果您在父页面上订阅了onbeforeunload事件,那么如果您在iframe处于焦点状态时关闭选项卡,则不会触发此事件。我想这是一个写在这里的错误:GoogleChromeissues但是我提到过,例如,googledocs可以处理这种情况。谁能给我一个解决方案?重要说明,我无法实际访问iframe内容,因为它是第三方html编辑器(WYSIWYG)。 最佳答案 我知道这是一个老问题,但只是为了帮助通过搜索来到这里的人:错误是fixedbynowhere.从chrome1

javascript - 长轮询 XHR 与 iframe

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我正在实现典型的服务器推送(cometd)应用程序。我在两个选项之间进行选择:longpollXHR和iFrame。这些有什么好处和坏处?我知道跨站点限制并且iFrame是非常重量级的组件......还有其他区别吗?例如,传输的“可靠性”或对组件的控制级别?您怎么看,是否有一个正确的答案是哪种方法更好,或者这两种方法都有用例?提前致谢。附言我有一个非常好的

javascript - 如何为同一来源的 iframe 设置单独的 sessionStorages

标准的W3C标准是关于localStorages的:Differentauthorssharingonehostname,forexampleusershostingcontentongeocities.com,allshareonelocalstorageobject.Thereisnofeaturetorestricttheaccessbypathname.Authorsonsharedhostsarethereforeurgedtoavoidusingthesefeatures,asitwouldbetrivialforotherauthorstoreadthedataandov

javascript - 使 D3 响应 : viewBox vs resize()?

我必须构建在平板电脑、桌面显示器以及在某些情况下非常非常大的4k+高分辨率影院尺寸显示器上都能正常运行的d3可视化。因此,我试图找出使用SVG的“viewBox”属性和“preserveaspectratio”与调用调整大小函数以在窗口调整大小事件上重新呈现并使用绝对值之间的权衡。大多数例子,比如这个博客条目(http://eyeseast.github.io/visible-data/2013/08/28/responsive-charts-with-d3/)建议我在后者中做这样的事情:d3.select(window).on('resize',resize)resize(){//r