草庐IT

iframe-proxy

全部标签

javascript - 防止 iframe 中的 anchor 滚动浏览器窗口

当页面加载url以#结尾的iframe时,父页面会滚动,以便iframe的主体位于浏览器窗口的顶部。演示:http://jsfiddle.net/dTQEE/1/如果URL以#结尾,例如http://foo.com#,浏览器假定您想要转到页面顶部。加载带有散列片段的iframe时如何防止父窗口滚动?问题发生在Chrome中,不确定它是否是其他浏览器的问题。现在最好的解决方案是使用el.addEventListener('scroll',...)将scrollTop重置为0(如果它还不是0).这行得通,但是向下滚动和向上滚动都非常明显。 最佳答案

javascript - 防止 iframe 中的 anchor 滚动浏览器窗口

当页面加载url以#结尾的iframe时,父页面会滚动,以便iframe的主体位于浏览器窗口的顶部。演示:http://jsfiddle.net/dTQEE/1/如果URL以#结尾,例如http://foo.com#,浏览器假定您想要转到页面顶部。加载带有散列片段的iframe时如何防止父窗口滚动?问题发生在Chrome中,不确定它是否是其他浏览器的问题。现在最好的解决方案是使用el.addEventListener('scroll',...)将scrollTop重置为0(如果它还不是0).这行得通,但是向下滚动和向上滚动都非常明显。 最佳答案

javascript - 允许点击通过 iFrame 传递到它后面的内容

我能找到的最接近我在SO上尝试做的事情是这个,但听起来这不再是一个可行的解决方案,而且它不是特定于iFrame的:ClickthroughaDIVtounderlyingelements基本上我有一个DIV,它被添加到包含iFrame的页面。iFrame内容可以最小化,因此它们不会总是占用iFrame的所有空间。iFrame是透明的,因此您仍然可以看到它后面的网页。我需要能够点击它后面的网页中的元素,但到目前为止还没有运气。他们有一个大约400x400的iFrame,但是当里面的内容被最小化时,你仍然可以点击它后面的网页。我尝试过类似的操作,但无法正常工作。即使在透明区域我也无法点击它

javascript - 允许点击通过 iFrame 传递到它后面的内容

我能找到的最接近我在SO上尝试做的事情是这个,但听起来这不再是一个可行的解决方案,而且它不是特定于iFrame的:ClickthroughaDIVtounderlyingelements基本上我有一个DIV,它被添加到包含iFrame的页面。iFrame内容可以最小化,因此它们不会总是占用iFrame的所有空间。iFrame是透明的,因此您仍然可以看到它后面的网页。我需要能够点击它后面的网页中的元素,但到目前为止还没有运气。他们有一个大约400x400的iFrame,但是当里面的内容被最小化时,你仍然可以点击它后面的网页。我尝试过类似的操作,但无法正常工作。即使在透明区域我也无法点击它

jquery - 加载时如何更改iframe的高度?

$('#song-link').change(function(){varlink=$('#song-link').val();SC.oEmbed(link,{element:document.getElementById('putTheWidgetHere')});});代码帮助我预览了soundcloud的链接。你可以测试它的工作正常。但我想将其高度从400px更改为200px。我尝试添加addclass()和css()。但它没有用。我不知道哪个事件会触发这些功能,因为必须在链接粘贴到输入文本并加载到soundcloud加载的iframe后设置高度。 最

jquery - 加载时如何更改iframe的高度?

$('#song-link').change(function(){varlink=$('#song-link').val();SC.oEmbed(link,{element:document.getElementById('putTheWidgetHere')});});代码帮助我预览了soundcloud的链接。你可以测试它的工作正常。但我想将其高度从400px更改为200px。我尝试添加addclass()和css()。但它没有用。我不知道哪个事件会触发这些功能,因为必须在链接粘贴到输入文本并加载到soundcloud加载的iframe后设置高度。 最

javascript - 使用 insertHTML 的 execCommand 的 iframe 撤消/重做(contenteditable)

因此,目前我正在开发一个小按钮,要求用户输入视频链接,然后我将该链接放入iframe中,然后使用document.execCommand("insertHTML",false,"'>")将其插入到contenteditable中。.这很好用,视频被嵌入到contenteditable中.唯一的问题是,如果我这样做Command+Z或按undo在Safari,iframe不会因为某种原因被撤消。它适用于Firefox,Chrome,Edge,和Opera,但出于某种原因我认为safari不明白如何undo它。除了实现我自己的撤消/重做堆栈之外,是否有任何解决方法?我只想在用户选择undo

javascript - 使用 insertHTML 的 execCommand 的 iframe 撤消/重做(contenteditable)

因此,目前我正在开发一个小按钮,要求用户输入视频链接,然后我将该链接放入iframe中,然后使用document.execCommand("insertHTML",false,"'>")将其插入到contenteditable中。.这很好用,视频被嵌入到contenteditable中.唯一的问题是,如果我这样做Command+Z或按undo在Safari,iframe不会因为某种原因被撤消。它适用于Firefox,Chrome,Edge,和Opera,但出于某种原因我认为safari不明白如何undo它。除了实现我自己的撤消/重做堆栈之外,是否有任何解决方法?我只想在用户选择undo

在 iframe 中使用替换方法的 Javascript

我想知道是否可以替换iframe中的某些单词。我使用jQuery将iframe中的内容更改为相同的内容,但进行了替换。这里的问题是“光标重置”到输入字段的开头,因此您必须重新开始编写。这就是我所做的functioniFrameOn(){richTextField.document.designMode='On';}functionReplaceWords(){vartextfield=document.getElementById("richTextField");textfield.contentWindow.document.body.onkeyup=function(e){var

在 iframe 中使用替换方法的 Javascript

我想知道是否可以替换iframe中的某些单词。我使用jQuery将iframe中的内容更改为相同的内容,但进行了替换。这里的问题是“光标重置”到输入字段的开头,因此您必须重新开始编写。这就是我所做的functioniFrameOn(){richTextField.document.designMode='On';}functionReplaceWords(){vartextfield=document.getElementById("richTextField");textfield.contentWindow.document.body.onkeyup=function(e){var