jjzjj

javascript - 我怎样才能得到一个华丽的弹出窗口来在一个动态画廊中同时显示图像和 iframe 视频?

我正在使用magnificpopup通过以下方式创建图片库:$('.main-content').magnificPopup({delegate:'.gallery',//childitemsselector,byclickingonitpopupwillopentype:'image',gallery:{enabled:true}//otheroptions});我还有一个使用以下内容嵌入的视频:$('.video').magnificPopup({type:'iframe',iframe:{markup:''+''+''+'',//HTMLmarkupofpopup,`mfp-cl

javascript - 谷歌 API : Authorized JavaScript Origins

我正在为我们的网络服务实现Google+登录,偶然发现了“授权的JavaScript来源”。我们的客户将网址作为我们主域的子域或自定义域名。由于登录页面位于该子域(或自定义域)下,并且为了使Google+Sing-In按钮起作用,该自定义域/子域应(手动)输入“授权的JavaScript来源”列表(同时使用http和https)。有没有人知道自动执行此操作的方法(也许通过某些API)?如果没有,那你是怎么做到的? 最佳答案 不确定是否有这方面的API。乍一看,我没有看到一个。另一种方法(除了始终手动添加域之外)是在每个站点上使用隐藏

javascript - 在不打开新窗口的情况下创建推文按钮

我想在网站上添加一个“发推文”按钮。很简单,对吧?问题是该站点旨在运行在不特别处理弹出窗口的嵌入式平台上,因此我试图在页面内完成所有操作。我能够成功地创建我的推文按钮,将一个onClick处理程序附加到它,并为相关内容构建一个正确的twitter.com/shareURL。当我使用window.open在新窗口中打开该URL时,一切正常。但是,如果我尝试在iframe中打开URL,框架内不会加载任何内容。连载http://twitter.com进入iframe以同样的方式失败。然而,加载谷歌或任何其他网站似乎工作正常。对我在这里缺少的东西有什么想法吗?谢谢!--扎克编辑:是的,他们在加

javascript - 在 jQuery UI 模态对话框中显示 iframe 的加载动画

用户界面专家,我试图在jquery模式对话框中的iframe中加载一个慢速网站,但我遇到了麻烦。这是我的用例:打开一个jquery对话框,带有一个“正在加载...”gif在后台加载不同的URL加载后,将gif替换为URL我可以用下面的代码直接打开URL:varpopup=$('').prependTo('body');popup.prepend('');$('.dialogIFrame').attr("src",'http://myslowsite');$('.dialogIFrame').show();popup.dialog({modal:true,title:'Site',wid

javascript - 重新加载一个没有闪烁/闪光的 iframe(在 Javascript 中)

我想问一下是否有人有一个简单的解决方案,可以让我重新加载/刷新iframe但在页面重新加载时没有闪烁/闪烁,这可能吗?也许动画模糊然后模糊而不是闪烁/闪光?我不知道任何输入会有帮助,谢谢。这是我现在重新加载iframe的方式document.getElementById("FrameID").contentDocument.location.reload(true);感谢您的帮助。 最佳答案 最简单的方法:在DOM外部或隐藏元素中创建一个新的iframe。在隐藏框架内加载页面一旦负载甚至在隐藏框架内触发,只需交换它们即可!交换要实际

javascript - 如何在严格模式下设置元素样式属性?

给定:body=document.getElementsByTagName('body')[0];iframe=document.createElement('iframe');iframe.src=protocol+settings.scriptUrl+a;iframe.height=1;iframe.width=1;iframe.scrolling='no';iframe.frameborder=0;iframe.style='display:none';body.appendChild(iframe);在Safari中使用严格模式进行测试时,我在iframe.style=行上看到

javascript - 在 ReactJS 中将 iframe 高度设置为 scrollHeight

由于以下原因,问题的典型解决方案在React中不起作用它动态生成的组件结构和事件模型,而不是传统的静态HTML:脚本:functionresizeIframe(obj){obj.style.height=obj.contentWindow.document.body.scrollHeight+'px';}html:有一个npm包react-iframe,但看起来还未完成(仅接受属性url、width、height):https://www.npmjs.com/package/react-iframe解决方案的可能部分是监听load事件iframe,但以与React兼容的方式。在Reac

javascript - IE8 iframe DesignMode 失去选择

下面的示例是一个使用window.parent.[打开设计模式](有效)的iframe的简单示例。在FF中一切都很好,但在IE8中(惊喜)当您点击iframe时,所做的任何选择都会丢失。这完全否定了在iframe之外使用工具。4天后我找不到解决方案...在IE8中打开http://www.chromedigital.co.za/hydrapage/test.htm 最佳答案 在主文档中您不想破坏iframe选择的任何元素上,添加unselectable="on"。例如:Bold 关于ja

javascript - 一种在覆盖后恢复 native 转义功能的方法?

我不知道你可以这样做,直到我在一个麻烦的错误上撞到墙上,最后发现我们失败了,因为一些jquery插件覆盖了转义函数。所以这将发出警报并记录为空:escape=function(a){alert(a)}document.write(escape("Needtips?VisitW3Schools!"));太棒了!(不是)。有没有办法恢复原生的转义功能? 最佳答案 创建一个iframe并从中获取函数:functionretrieveNative(native){variframe=document.createElement('ifram

javascript - 选择具有两个类的元素

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:Howtogetelementswithmultipleclasses正在处理一些javascript代码,用于设置引用页面的当前URL以传递到iframe小部件中。无法控制javascript所在页面的代码,除了一位javascript代码。我需要抓取的元素值示例如下:我想做的是通过组合类“page”和“current”来选择div。在此示例中,“NEW_VEHICLE_DETAILS”对于该页面是唯一的,并且在其他页面上有所不同。我想创建一些一致的代码,而不必像当前那样为每个页面进行更改。这是我现在使用的