草庐IT

iframe2image

全部标签

javascript - 在远程站点 iFrame 中嵌入 Reactjs

UpdatedforBountyIamcurrentlyusingsrc="url"inmyiframetoloadtheReactAppwhichisnotoptimalformeasthatwillallowusertoright-clickand"OpenInNewWindow".TheoptimalsolutionwhichI'mlookingforistowritemybundle.jsintotheiframetogetherwithaorsimliarsolution.Thesrcwillremainasblanksousercannotconvenientlyright

javascript - jquery 将所有样式表插入 iframe

如何将父窗口的所有样式表插入iframe的头部(相同域)?我基于类似问题尝试的代码:function(){vard=frames[0].document;varstylesheets=$("link").outerhtml;d.open();d.write(''+stylesheets+''+'');d.close();}显然这在IE之外不起作用。提前致谢。编辑:根据安东尼的回答尝试:$("link[type='text/css']").each(function(){varstylesheet=$(this).clone();$("iframe").contents().find("

javascript - 让 <iframe> 异步工作

是否有一篇好文章或如何让iframe或框架与每个页面异步工作?我有一个底部/固定的div包裹在jquery中,可以在包含mp3播放器的悬停时向上滑动。我用iframe引用了播放器。我渲染得很好,但是如果不在页面刷新或导航到另一个页面时重新加载,它怎么能继续播放呢?我希望它固定在每个页面的底部并且不刷新地连续播放。我尝试将iframe放在每个页面中,但仍然没有用。有任何想法吗?谢谢。 最佳答案 如果它必须留在浏览器中(不是下载应用程序或在音乐/视频播放器中读取流),唯一的方法应该是不要真正更改页面,并加载必须使用ajax或javasc

javascript - 如果 src 是 base64 字符串,如何获取新创建的 Image() 的文件大小?

如果此图像的src是base64数据图像,我如何获取新创建的newImage()的字节大小?我有这样的coffeescript代码:#Thisstringisreceivedaftersomeoriginalimagepreprocessingbase64String="data:image/jpeg;base64......"newImageObj=newImage()newImageObj.src=base64StringnewImageObj.onload=->console.log"Resizedimagewidthis"+this.widthconsole.log"Newfi

javascript - 将 html 内容从 iframe 复制到 div(ajax)?

假设我的浏览器加载了带有的Iframe我可以使用ajax将test.html的内容加载到主html页面的div中吗?这个想法是我的解决方案,因为我实际上试图通过将ajax提交到远程主机来克服限制。计划是生成具有0大小的iframe的动态页面,该页面向远程主机发出报告请求。然后,在页面(和iframe内容)加载后,我将使用JS将iframe内容复制到div中。不胜感激,谢谢,格言。 最佳答案 不,你不能。当您将来自不同域的页面加载到iframe时,它​​变得无法访问。您无法再访问iframe的内容,因为它来自不同的域。据我所知,您唯一

javascript - 如何跨域获取iframe contentWindow高度

我想根据它们的内容自动调整我的iframe高度,但在同一域中,它可以与contentWindow.height一起正常工作,但在跨域的情况下,其访问iframedom的权限被拒绝。 最佳答案 对于现代浏览器,您可以使用window.postMessage函数在属于两个不同域的iFrame之间进行通信。对于不支持window.postMessage的浏览器,还有一些jQuery插件使用旧的URL哈希技术包装window.postMessage。它使技术的使用对最终用户透明。您可以从这里查看以下页面(并且可能借用您需要的javascri

javascript - 拖放跨域、iframe、浏览器窗口

感谢stackoverflow,我解决了很多javascript问题,但现在我毫无希望地停在了这一点上。很难描述,有清晰的视频显示了拖放跨域iframe的问题。http://www.youtube.com/watch?v=v65mO27h75EIceweasel(和FF、Opera)中的第一部分=iframed&d工作正常。Chromium(和Chrome)中的第二部分=iframed&d不工作。并且有指向示例iframe集和iframe源的链接:父页面:http://msdrop.com/msdrop-jquery-test-iframe-frameset.htmiframeA:ht

javascript - iframe 在动态创建后无缘无故消失

这很难解释,但我以前从未经历过这样的事情。我还创建了一个GIF来显示问题的样子。我第一次打开我的chrome扩展并进行搜索时,iframe工作得很好。第二次我打开我的chrome扩展程序并进行搜索时,iframe消失了(参见GIF)。如您所见,iframe突然无故消失,如果我右键单击并进入inspectelement并编辑最不相关的项目,iframe会突然重新出现。有没有我可以尝试的简单解决方案?正如我所说,当我在chrome的inspectelementView中切换任何代码时,它会重新出现。这是搜索代码:(我使用jqueryAutocomplete进行搜索)$('#searchBo

javascript - 重新访问 = image.onload 未调用

非常古老但非常UN解决的主题:image.onload未调用。代码比文字更能讲述故事......调用.html=varnewConnection=newMeasureConnectionSpeed();if(newConnection.isHighSpeed())doSomething1;elsedoSomething2;调用.html=functionMeasureConnectionSpeed(){varconnection=this;varimgDownloadSrc="http://someLargeImage.jpg";varimgDownloadSize=943*1024;

javascript - 是xlink :href deprecated for svg <image>s?

根据MDNxlink:href,我们应该使用href而不是xlink:href,但是在svgexamplepage上(最后更新于2017年7月6日),示例中的属性是xlink:href。使用哪个属性重要吗? 最佳答案 即将推出的SVG2标准将取消对xlink:前缀的要求。一些浏览器支持该选项,但并非所有浏览器都支持。目前安全(且向后兼容)的选择是继续使用它。 关于javascript-是xlink:hrefdeprecatedforsvgs?,我们在StackOverflow上找到一个类