草庐IT

iframe-resizer

全部标签

javascript - iframe 是否可以在没有主窗口帮助的情况下自行调整大小?

主窗口和iframe都在同一个域中,但我想要实现的是仅在该iframe中使用js调整iframe的大小以适应其内容。我也不知道主窗口分配给它的iframe的ID。我不想为此使用jquery或任何其他框架。 最佳答案 您也可以在不知道父窗口中iframe的id的情况下执行此操作:window.frameElement.style.width=iframeContentWidth+'px';window.frameElement.style.height=iframeContentHeight+'px';请参阅MDN处的frameEle

javascript - 当鼠标悬停在 Firefox 中的嵌入式 iframe 上时防止父页面滚动

...无需限制iframe内的滚动或需要专门命名/标记所有可滚动元素。想象一下嵌入在父页面中的谷歌地图小部件。显然,当您放大小部件时,您不希望父页面滚动。我想到了我的previousquestion的答案解决了问题:Whilescrollinginsideaniframe,thebodydoesn'tknowanythingaboutwhathappensthere.Butwheniframescrollerreachthebottomorthetop,itpassscrollingtobody.Canceltheeventthatpropagatesfromtheiframe.但该解

javascript - 动态创建一个 iframe 并将 onload 事件附加到它

我动态创建了一个iframe并向其添加了一个src属性。然后我将此iframe附加到页面正文。知道我想将onload事件附加到iframe以读取iframe内容。有人可以建议我该怎么做吗?frame=document.createElement('iframe');frame.setAttribute('src','http://example.com');body.appendChild(frame);frame.onload=function(){alert('hi');//hereIwanttoreadthecontentintheframe.} 最佳

javascript - 如何使 iFrame 在单击按钮时进入全屏?

我想让iFrame通过使用JavaScript单击按钮全屏显示。 最佳答案 您必须做两件事:使窗口全屏显示,然后填满整个尺寸。您可以使用JS使其全屏显示,例如thisSOanswer.然后,要使其成为全尺寸,只需添加一些样式,如下所示。这个JS脚本所做的是将具有这些样式的类添加到.JSdocument.getElementsByTagName("iframe")[0].className="fullScreen";CSSbody,html{height:100%;margin:0;}.fullScreen{width:100%;he

javascript - 从跨域 iframe 中检测方向变化

所以我有一个.jsp页面,其中有一个iframe。此iframe的内容托管在单独的域中。在移动设备上,我正在寻找此iframe来检测方向变化并相应地更改内容的尺寸。有没有一种方法可以将事件监听器添加到此iframe中存储的内容以检测方向变化?如果此内容不在iframe中,而是直接访问,则调用如下:window.addEventListener('orientationchange',FunctionToBeCalled,false);成功捕获方向变化并调用适当的函数。但是,我似乎无法在iframe中使用它。我尝试了parent.addEventListener、parent.windo

javascript - 在 iframe 中包含 jQuery 时,Internet Explorer 9(不是早期版本或其他浏览器)出错

基本上我有一个启动了fancyboxiframe的页面。在那个iframe中,我还包含了jQuery。但是当我在InternetExplorer9中测试它时,它给了我错误Line:68\nError:'Object'isundefined`这个错误在文件jquery-1.4.1.js中,有问题的行是第二行://SaveareferencetosomecoremethodstoString=Object.prototype.toString,hasOwnProperty=Object.prototype.hasOwnProperty,push=Array.prototype.push,s

javascript - jQuery resizable() 和多个 alsoResizes?

有没有办法在jQueryUI中设置多个alsoResizes?$('.selector').resizable({alsoResize:'.other'});我想设置几个其他元素也可以调整大小,而不仅仅是一个。官方文档什么也没说。 最佳答案 尝试$('.selector').resizable({alsoResize:'.other,.another,.andmanymore'}); 关于javascript-jQueryresizable()和多个alsoResizes?,我们在Sta

javascript - 清除/空 IFRAME 由 jQuery 提供给它的 src?

我在模式中有一个iframe,它以“about:blank”开头,并且确实由jquery提供了src。这已经可以正常工作了,但是当iframesrc设置为更改时,总是会有延迟,模态框在加载新内容时仍会显示旧内容。如何在给出新的src之前立即清除iframe?这里是一些代码:$(function(){$('a.modal-k2-item->id;?>').click(function(){window.top.$('#modalHolderK2_title').text('name.'-'.$this->item->title;?>');if(window.top.$('#modalHo

javascript - 在播放 youtube iframe 嵌入时触发事件

我需要在播放YouTubeiframe时触发一个事件。因此,当按下播放按钮时,我需要调用一个函数来隐藏span.module-strip我试过了,但也许我走错了路?$("#home-latest-vid")[0].onplay=function(){alert('hi');};HTML:LatestProductVideo 最佳答案 DEMO:https://so.lucafilosofi.com/fire-an-event-on-play-of-youtube-iframe-embed/LatestProductVideovarp

javascript - 作为一个页面,我可以判断我是否已使用 javascript 加载到 iframe 中吗?

我正在将页面加载到iframe中。两个页面都在同一个域中。我希望正在加载的页面仅在已加载到iframe中时才执行特定的js功能。这可能吗?奖励:可以在jQuery中完成吗?谢谢 最佳答案 或者只是:varisEmbed=window!=window.parent; 关于javascript-作为一个页面,我可以判断我是否已使用javascript加载到iframe中吗?,我们在StackOverflow上找到一个类似的问题: https://stackover