草庐IT

iframe_api

全部标签

javascript - 将事件处理程序绑定(bind)到文档并通过 useEffect 访问 firebase api 数据

快速版:我的最终目标是执行类似下面链接的操作,但每个useEffect对firebase进行异步调用,其中列表数据由firebase对象内容组成。https://codesandbox.io/s/usage-pxfy7问题在下面的代码中,useEffect封装了对firebase执行ping操作并取回一些称为“客户端”的数据的代码。数据已完美检索。然后我使用useState将该数据存储到useState的两个不同实例中。数据存储在clientList和clientListForRender中。到目前为止一切顺利。现在问题开始了。我有第三个useState实例,它接受一个数字。我想为文档

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

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

javascript - 使用 Twitter Streaming API 和 jQuery?

推特的StreamingAPI似乎提供了一种无需不断轮询新数据即可接收实时推文的方法。是否可以使用jQuery(或者可能回退到纯JS)来使用此API?据我所知,jQuery没有内置的方法来使用JSON传输HTTP请求。这是正确的,还是我错过了什么?如果此功能不是内置的,是否有人已经使用插件或示例解决了这个问题?更新:据我所知,HTML5对WebSockets的支持可能是实现这一目标的最佳方法。不幸的是,这意味着主流兼容性至少还需要几年时间。据我所知,这些浏览器版本目前以某种方式支持WebSockets:WebKit5(Safari/Chrome)火狐4IE9(最终)

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

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

javascript - Chrome History API 问题

我在使用Chrome网站时遇到问题。大多数站点使用ajax/xmlhttprequest进行页面加载,并使用历史记录API启用后退按钮。只有页面内容随请求而变化,菜单等永远不会重新加载。这只是重新运行前一页的ajax请求。这一切都很好,直到有人在查看博客后单击后退按钮。该博客未加载ajax,它只是一个标准链接。在Firefox中,如果我转到博客,然后按回按钮,网站会正确加载。加载了导航的主页,以及要在其中查看的页面。但是,在Chrome中,如果我按下博客中的后退按钮,则不会加载“外部”页面,只会加载ajax请求的内容。您可能需要查看它才能完全理解。这是Chrome中的错误还是我的工作?

javascript - 标签(片段标识符)VS Javascript History API

哪个更好?使用片段标识符...http://www.alinkthatdoesnotwork.com/#!/dir1/dir2/file.html...还是新的JavascriptHistoryAPI?https://github.com/examplethatdoesnotwork/project/src/script.js或者我应该同时使用两者?(通过回退)方面:兼容性/支持速度方便 最佳答案 标签是一种对Twitter上的内容进行分类的方法,您指的是片段标识符。使用片段标识符来指示通过Ajax加载哪些内容是一个糟糕的主意。他们

javascript - 如何使用文件 API 和 Dropzone.js 检测文件的尺寸

使用Dropzone.js,我需要在添加文件时检测图像的尺寸并将它们应用于其父级.detailsdiv。以下代码有效并返回带有添加的图像宽度的警报。myDropzone.on("addedfile",function(file,xhr){varfr;fr=newFileReader;fr.onload=function(){varimg;img=newImage;img.onload=function(){returnalert(img.width);};returnimg.src=fr.result;};returnfr.readAsDataURL(file);});问题是我不知道如

javascript - Google Map API v3 无法在 IE9 中加载

我尽可能多地研究了这个主题,但没有找到解决方案。在除InternetExplorer(版本8或9)之外的所有浏览器中,下面的脚本都可用于加载Googlemap。但是,在IE8和IE9中,GooglemapAPI(v3)似乎无法加载。我曾在控制台中查找特定错误,但一无所获。HTML#map_canvas{height:292;width:980}.contactus-Captcha{clear:both;}Javascriptfunctioninitialize(){varhomeLatlng=newgoogle.maps.LatLng(29.70280,-95.51731);varmy

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 - Chrome 应用程序 - 身份 API - 错误的客户端 ID NON_NATIVE

我遇到了这个奇怪的错误,而且我在其他任何地方都没有看到它。当我尝试调用chrome.identity.getAuthToken时,我返回了undefined(这意味着发生错误)和chrome.runtime.lastError上面写着Oauth2:badclientidNON_NATIVE。我不知道这意味着什么(我将我的Oauth客户端ID放入manifest.json中,就像在示例中一样)并且我在其他任何地方都没有看到这个错误。 最佳答案 (根据其他用户的请求从评论转换为回答)当您从API控制台获取客户端ID时,是否选择了“已安装