草庐IT

embed_iframe

全部标签

javascript - contentDocument 和 contentWindow javascript iframe/frame 访问属性之间的区别

这两个属性(contentDocument和contentWindow)有什么区别?他们访问内容的方式有什么不同吗?框架/iframe?是否存在任何性能问题?我应该使用contentXXXXX.document.getElementsBy...还是contentXXXXX.getElementsBy...?我一直在网络上搜索,但没有找到太多信息,在进行大量研究之前,我想我可以在stackoverflow上询问这个很棒的社区。作为评论,我正在做一个脚本来计算网页上的输入,访问所有级别的框架或iframe,并将在框架/iframe中找到的那些输入添加到全局计数中。我相信所有内容都应该来自同

javascript - iframe 是个糟糕的主意吗?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。我正在构建一个小部件,并且我一直在使用iframe在其中显示内容。在某些时候,我可能会开始提供第三方HTML和JS,所以我认为iframe是个好主意。它确实使小部件javascript变得有点复杂,我担心这可能不是最好的实现。你有什么建议吗?听听其他人对iframe的看法会有很大帮助。

javascript - 如何将 HTML 内容设置到 iframe 中

我有一个HTML字符串Helloworld我想用JavaScript将它设置为iframe。我正在尝试像这样设置HTML:contentWindow.document.body.innerHTML或contentDocument.body.innerHTML或document.body.innerHTML但IE显示“访问被拒绝”。或“对象不支持此属性或方法。”或“操作的最终元素无效。”错误。这是我的完整代码:$(document).ready(function(){varhtmlString="Helloworld";varmyIFrame=document.getElementByI

javascript - iframe 内的 AngularJS ng-src

我在iframe中使用ng-src时遇到问题。我需要这样做:结果:我知道问题是$sce,它是XSS的保护,并且需要将链接添加到白名单中......所以当我这样做时它正在工作。然后我在Controller内部定义:$rootScope.someUrl=$sce.trustAsResourceUrl('http://192.168.223.110/cat/files/incoming/12345_3232ASD_pero.pdf');但我不能那样做,因为我正在使用ng-repeat循环,所以链接是动态生成的。它需要从数据库中读取! 最佳答案

javascript - 调整跨域 iframe 高度

这个问题在这里已经有了答案:Resizinganiframebasedoncontent(26个答案)Howtogetheightofiframecrossdomain(2个答案)关闭2年前。我正在尝试将iframe高度参数更改为与iframe中加载的页面相同的像素。在iframe中加载的页面来自另一个域。不同的页面将在iframe内加载,导致iframe内容的高度发生变化,因此我需要获取iframe内容高度并将其应用于iframe高度参数。这是我所说的例子:http://jsfiddle.net/R7Yz9/3/AmazonCnnWikipedia.$(document).ready

javascript - 从 iframe 内部关闭 Bootstrap 模式

打开带有iframe的TwitterBootstrapModal的页面:Close我正在寻找一种从iframe内部关闭此模式的方法。前任。单击iframe-modal.html中的链接以关闭模式。我尝试过但没有成功:$('#iframeModal',window.parent.document).modal('hide');$('#iframeModal',top.document).modal('hide');$('#iframeModal').modal('hide'); 最佳答案 您始终可以创建一个全局可访问的函数来关闭Boo

javascript - 触发从 iframe 到父文档的自定义事件

我在iframe中触发自定义事件并从父文档中检测到它时遇到了一些问题。iframe和父文档具有相同的来源(相同的协议(protocol)、相同的主机、相同的端口)。有什么建议吗? 最佳答案 我遇到了类似的问题,用window.postMessage解决了。目前,该API仅支持传递字符串,但如果您修改您的解决方案,它会非常强大。更多详情here来自源页面(被iframe使用):postMessageAPI需要2个参数-消息、目标例如:window.parent.postMessage("HELLO_PARENT",'http://pa

javascript - 我如何从 CasperJS 访问 iframe?

我有一个带有iframe的网页。我想使用CasperJS访问iframe的内容.特别是,我需要单击按钮并填写表格。我该怎么做?主要网页是main.html:main-amain-biframe是:iframe-c我天真的方法:varcasper=require('casper').create({verbose:true,logLevel:"debug"});casper.start("http://jim.sh/~jim/tmp/casper/main.html",function(){this.click('a#main-a');this.click('a#main-b');thi

javascript - 从 iframe 内部调用父 Javascript 函数

我有一个iframe(在我的域中),该iframe有一个文件iframe.js。我的父文档有一个文件parent.js。我需要从iframe.js中的函数调用parent.js中的函数。我尝试执行window.parent.myfunction()这个函数在parent.js文件中。但是,它没有用。只有当我将函数放在父页面(我的意思是在HTML中)时,它才会起作用。知道如何让它发挥作用吗? 最佳答案 只尝试parent.myfunction()。还要100%确保parent.js包含在您的父文档中。

javascript - 调整外部网站内容的大小以适合 iFrame 宽度

我有一个包含2个iFrame的网页。它们都具有固定的宽度和高度。我在里面加载外部网站。如何调整这些外部网站的宽度以适应iFrame(就像移动浏览器通过更改视口(viewport)所做的那样)? 最佳答案 您可以为您的iframe设置特定的宽度和高度(例如,它们可以等于您的窗口尺寸),然后对其应用缩放转换。缩放值将是您的窗口宽度与您要设置到iframe的尺寸之间的比率。例如 关于javascript-调整外部网站内容的大小以适合iFrame宽度,我们在StackOverflow上找到一个类