草庐IT

微前端实现方案之iframe

全部标签

javascript - 滚动 iframe 内的 jQuery UI dropzone 错误偏移

我遇到了jQuery-UI可拖动和可放置的问题。我需要在放置在iframe内的droppable内拖动一个draggable。这工作正常,直到我滚动iframe。可放置坐标不会更新。这个问题在fiddle中得到了证明。我正在使用下面的变通方法首先使拖放到iframe成为可能。它计算正确的偏移量但不使用iframe的滚动偏移量。我试过了,但无法对其进行调整,因此它会考虑滚动偏移。//Createnewobjecttocacheiframeoffsets$.ui.ddmanager.frameOffsets={};//Overridethenative`prepareOffsets`met

javascript - 使用 postmessage 与 iframe 通信 - 错误在哪里?

我有一个Greasemonkey脚本,它应该向嵌入式iframe发送一个后置消息,在该iframe中,相同的脚本启动一个函数。我的注意力是发送一个简单的消息来触发iframe中的一个函数。该网站和iframe不在同一域中。我的js技术很差,找不到问题。感谢阅读//==UserScript==//@nameTest//@namespace//@includedomainA//@includedomainB//@version1//@grantnone//==/UserScript==if("domainA"===location.hostname){if(window===top)//p

javascript - 大字符串的 SHA1 JavaScript 实现

我有同样的问题:CanSHA-1algorithmbecomputedonastream?Withlowmemoryfootprint?我正在寻找一个JavaScript实现,它可以逐block计算一个非常大的字符串。这个想法是将字符串切成512位block,然后逐block进行。有什么提示吗?[更新]感谢sunetos的帮助,我写了一个小的html5java脚本应用程序:GenerateSHA1FileChecksumUsingHTML5FileAPIinJavascript 最佳答案 我相信我在http://pajhome.or

javascript - 如何在跨域的iframe中获取父域名?

我想在iframejavascript中获取父域或url或主机名。我为此使用了document.referrer,但它只在第一次使用。我的意思是我的iframe包含表单,因此当用户提交表单时,iframe再次加载并且引荐来源网址将成为我的iframe的域。现在每次我的iframe加载时,我只需要父域名,因为我正在使用它创建链接。例子:$(".setUrl").each(function(){varreferrer=document.referrer;this.href=referrer+"/abc.html";});但由于我上面提到的原因,这只适用于第一次。那么有人可以帮助我克服这个问

javascript - 理解下划线对 isNaN 的实现

取自underscore.js来源:_.isNaN=function(obj){return_.isNumber(obj)&&obj!=+obj;};他们为什么要这样做?上面的实现是否等同于:_.isNaN=function(obj){returnobj!==obj;};如果是,为什么是“更复杂”的版本?如果不是,行为差异是什么? 最佳答案 _.isNaN(newNumber(NaN))返回true。那是bydesign.varn=newNumber(NaN);console.log(_.isNaN(n),n!==n);//logs

javascript - 使用 jQuery 和 iFrame 下载大文件 - 需要文件就绪事件以便我可以隐藏加载 gif

我正在使用jQuery下载一些需要一些时间才能创建的文件,因此我显示了一个正在加载的gif以告诉用户耐心等待。但问题是,正在加载的gif当前显示和隐藏都在一瞬间。在下载完成并且用户在屏幕上看到“保存文件”弹出窗口后,我可以隐藏加载gif吗?HTMLJSvarreportId=$(this).closest("tr").attr("data-report_id");varurl="/Reports/Download?reportId="+reportId;varhiddenIFrameId='hiddenDownloader';variframe=document.getElementB

javascript - 寻找用于在客户端生成 pdf 的解决方案(angular js)

我正在寻找使用AngularJs从(html+css+javascript)生成pdf的解决方案。我测试了两种解决方案:jsPDF(不带css)虾(基于Ruby)这对我不起作用。我该怎么做? 最佳答案 毕竟,我发现了优秀的PhantomJS.二进制文件很容易安装在服务器上,不需要额外的依赖项,并且附带了大量示例代码,包括开箱即用的“打印到PDF”功能。通过一些小的调整,我们为我们的用例定制了脚本,并在几分钟内获得了我们网页的PDF副本。PhantomJS自2011年以来一直存在,并被各种开源产品使用,列在他们的网站上

javascript - 有没有一种优雅的方式来实现时钟更新事件?

据我所知(而且我知道的相对较少),例如当秒针滴答作响。我想出的最好办法是反复检查Date对象(例如,每333毫秒;较短的间隔会导致更高的精度,但也会占用更多资源)。不知何故,如果我一遍又一遍地使用相同的Date对象,时间将不会更新,而Date.prototype.getSeconds()虽然typeof是“数字”,但记录“NaN”。functionclock(interval){vard=newDate();varsecondsOld=d.getSeconds();d=null;setInterval(function(){vard=newDate();varsecondsNew=d.

javascript - 函数 'beforeShowDay' 和 'onSelect' 在以下 Datepicker 小部件实现中实际上做了什么?

我刚刚开始在某个网站上工作,之前有一些开发人员在该网站上工作过。他在其中一个网页中实现了Datepicker小部件。当我浏览这个实现的代码时,我不明白代码实际上做了什么?我无法弄清楚逻辑的编写方式。我还浏览了Datepicker小部件关于函数'beforeShowDay'和'onSelect'的jQueryUIAPI文档,但在那里也找不到线索,所以寻求帮助让我理解以更简单和描述性的方式编写以下代码。谁能用简单明了的语言让我理解函数'beforeShowDay'和'onSelect'在以下实现中的用法?HTML代码:Javascript代码:$(document).ready(funct

javascript - 如何将嵌入式 YouTube 视频的帧(通过 iframe)写入 Canvas ?

我希望能够从YouTube视频中的不同点(不仅仅是缩略图)提取帧,并对它们进行一些处理。我可以使用iframeAPI将视频嵌入我的网站,但我正在努力寻找一种方法将其捕获到Canvas上。(如果我被迫捕获整个屏幕没关系,如果我必须更改浏览器设置以允许它也没关系。) 最佳答案 一种选择是编写浏览器扩展。但我猜你会想避免这种情况。另一种选择是使用ScreenCaptureAPI(Chrome、Edge和Firefox支持)。查看browsercompatibilityinformation在MDN上。使用此API,您可以允许您的用户共享他