Tag: iframe

为什么追加一个<script>到一个dynamic创build的<iframe>似乎在父页面上运行脚本？: 我试图用JavaScript创build一个<iframe>，然后在<iframe> d文档的上下文中添加一个<script>元素到<iframe>。不幸的是，似乎我做错了 – 我的JavaScript似乎执行成功，但<script>的上下文是父页面，而不是<iframe> d文档。当浏览器请求iframe_test.js时，我也在Firebug的“Net”选项卡中得到一个301错误，虽然它然后再次请求它（不知道为什么？）成功。这是我正在使用的代码（现场演示http://onespot.wsj.com/static/iframe_test.html ）： iframe_test.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title><iframe> test</title> </head> <body> <div id="bucket"></div> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#bucket').append('<iframe id="test"></iframe>'); setTimeout(function() { var iframe_body = $('#test').contents().find('body'); iframe_body.append('<scr' + 'ipt type="text/javascript" src="http://onespot.wsj.com/static/iframe_test.js"></scr' + […]

透明的iframe身体: 我需要有一个（crossdomain）iframedynamic宽度和高度。我的问题是，我可以创build一个100％的大小和透明的背景，将显示这个iframe的父，在它后面的iframe？我可以附加一个css属性或iframe背景的透明gif来实现这个效果吗？谢谢。

从主文档中的JavaScript获取IFrame的文档: 我有这个HTML代码： <html> <head> <script type="text/javascript"> function GetDoc(x) { return x.document || x.contentDocument || x.contentWindow.document; } function DoStuff() { var fr = document.all["myframe"]; while(fr.ariaBusy) { } var doc = GetDoc(fr); if (doc == document) alert("Bad"); else alert("Good"); } </script> </head> <body> <iframe id="myframe" src="http://example.com" width="100%" height="100%" onload="DoStuff()"></iframe> </body> </html> 问题是我收到消息“坏”。这意味着iframe的文档没有正确的获取，而GetDoc函数返回的是父文档。如果你告诉我我的错在哪里，我会很感激。（我想在IFrame中获取文档。）谢谢。

YouTube iframeembedded不以HD开始: 我试图embedded一个高清YouTubevideo，但无论我尝试，似乎只加载480p版本。根据YouTube的说法，embedded高清video就像在url中joinhd=1一样简单： <iframe src="//www.youtube.com/embed/{videoId}?hd=1" width="960" height="720" frameborder="0" allowfullscreen></iframe> 然而，这似乎并没有工作，至less在我的iframe实施： <iframe id="video-player" width="960" height="720" src="//www.youtube.com/embed/{videoId}?enablejsapi=1&autoplay=1&rel=0&modestbranding=1&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe> JavaScript API也是如此： HTML： <div id="video-player"></div> JS： var player; function onYouTubePlayerAPIReady() { player = new YT.Player('video-player', { height: '720', width: '960', videoId: '{videoId}', playerVars: { 'controls': 1, 'autoplay': 1, 'hd': 1 }, events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); […]

使用Javascript从加载的iframe中检索HTTP状态代码: 我使用jQuery Form插件进行asynchronous表单提交。对于包含文件的表单，它将表单复制到一个隐藏的iframe，提交它，然后复制iframe的内容。问题是，我无法弄清楚如何find服务器返回的HTTP状态码。例如，如果服务器返回404，则iframe中的数据将被正常复制并作为常规响应处理。我试过在iframe对象中寻找某种status_code属性，但一直没有find类似的东西。 $.ajax()函数不能使用，因为它不支持上传文件。我知道的asynchronous上传文件的唯一方法是使用隐藏的iframe方法。

小部件 – Iframe与JavaScript: 我必须开发一个将由第三方网站使用的小部件。这不是要在社交网站上部署的应用程序。我可以给网站的人一个链接，作为一个iframe的src，或者我可以开发它作为一个JavaScript的请求。有人可以告诉我两种方法（IFrame与JS）之间的权衡？

响应式iframe（谷歌地图）和奇怪的大小调整: 我正在尝试将Google Map添加到我的devise中，这应该是有回应的。我使用了相同的代码来处理图像…但由于某些原因，地图的iframe调整了尺寸，我没有select。 HTML <iframe src="http://maps.google.com/maps/ms?vpsrc=6&ctz=-480&ie=UTF8&msa=0&msid=210840796990572645528.00049770919ccd6759de3&t=m&ll=30.751278,68.203125&spn=84.446143,175.429688&z=2&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="635" height="300"> </iframe> 和CSS iframe { max-width: 100%; height: auto; width: auto; /*IE8 bug fix*/ vertical-align: middle;} 或者你也可以在这里查看它的实际情况和摆弄它： http ： //jsfiddle.net/corinne/pKUzU/ （如果你切掉了CSS，你会明白我的意思）。我的问题是如何使这个iframe /地图响应，而不会失去其想要的高度？

是否有可能执行asynchronous跨域file upload？: 有可能的！参见下文。首先，让我使用这个图解释如何实现asynchronousfile upload ：抱歉。我已经closures了我的一个域名，现在形象已经消失了。这是一个非常好的形象，但。这是之前我发现堆栈溢出通过Imgur上传图像。正如你所看到的，诀窍是让HTTP响应加载到一个隐藏的IFRAME元素而不是页面本身。（这是通过在使用JavaScript提交FORM时设置FORM元素的target属性来完成的。）这工作。但是，我面临的问题是服务器端脚本在不同的域上。 FORM-submit是一个跨域HTTP请求。现在，服务器端脚本已经启用CORS，这使得我的网页有权读取从我的页面到该脚本的HTTP请求的响应数据 – 但是，只有当我通过Ajax接收HTTP响应时才有效， ergo，JavaScript。但是，在这种情况下，响应是针对IFRAME元素的。一旦XML响应登陆到IFRAME，它的URL就是删除脚本 – 例如http://remote-domain.com/script.pl 。不幸的是，CORS不包括这种情况（至less我认为） – 我无法读取IFRAME的内容，因为它的URL不匹配页面的URL（不同的域）。我得到这个错误：不安全的JavaScript尝试访问来自具有URL hxxp：//my-domain.com/outer.html的框架的URL hxxp：//remote-domain.com/script.pl。域，协议和端口必须匹配。而且由于IFRAME的内容是一个XML文档，所以IFRAME里面没有可以使用postMessage东西。所以我的问题是：如何从IFRAME获取XML内容？正如我上面所说，我能够直接检索跨域的HTTP响应（CORS启用），但似乎我无法读取跨域HTTP响应，一旦他们加载到IFRAME。就好像这个问题不能解决不了，让我排除这些解决scheme ： easyXDM和类似的技术需要在远程域上的一个端点，更改XML响应（包含SCRIPT元素），服务器端代理 – 我知道我可以有一个服务器端脚本在我的域可以作为代理。那么，除了这两个解决scheme之外，可以这样做吗？可以办到！！事实certificate，可以伪造一个模仿multipart/form-data FORM提交的XHR请求（Ajax请求）（在上面的图像中使用它来将file upload到服务器）。诀窍是使用FormData构造函数 – 阅读这篇Mozilla黑客文章获取更多信息。这是你如何做到的： // STEP 1 […]