很快,我将需要构建一个我们的客户可以嵌入他们自己的网站的小部件. 为了将来证明我的小部件,嵌入代码将是这样的:<script type="text/javascript" src="path/to/remote/file.js"></script> <div id="my_widget"></div>iframes与JSONP的优点和缺点是什么? iframe有任何常见的基于SEO的问题吗?解决方法:首先,iframe和jsonp不是互斥的:一个是渲染均值,另一个是通信均值. 您的选择是在文档内包含(即在主机DOM中创建小部件)或在ifram...
是否可以使用页面上但在此框架之外的脚本来读取/编辑iframe内容(不仅仅是像src这样的属性)?我知道如果source来自其他网站是不可能的,因为它会是一个很大的漏洞,但我只是问它是否适用于同一来源的其他内容.解决方法:要添加已经说过的与从同一域加载的iframe进行交互的内容: 只要尝试进行交互的页面和您加载的页面具有相同的document.domain,浏览器就允许您与iframe(或框架)进行交互. 您可以将document.domain设置为从中加载的主机...
我遇到了从iFrame访问父窗口的任务,如果iFrame中的窗口是从另一个域加载的.如果我理解正确,现在所有现代浏览器都允许这样做.所以我在这里找到最好的解决方案. 我将以下一个方式完成此任务: 我有一个叠加内部的iFrame.这将有效,而不是弹出窗口阻止弹出窗口阻止程序阻止我的内容.任务是在iFrame中的文档完成某些工作时重新加载主页面.在一个将加载到iFrame的文档中,我将添加<div id="is_closed" class="false"></div>在父窗口中,我将...
我有一个看起来像这样的iframe:<iframe src="http://www.google.com" height=1000 width="500" id="myiframe"></iframe>我想创建一个链接,以便当我点击它时,页面上的iframe会发生变化.我怎么能用jQuery做到这一点?它与jQuery attr有关吗?解决方法:你不需要jQuery.你甚至不需要JavaScript. 为您的iframe命名,并将您的锚点定位为指向它:<a href="foo.html" target="myiframe">Foo</a> <a href="bar.html" target="myiframe">Bar<...
这非常好用:<script type="text/javascript">$(document).ready(function() { $.fancybox({'href' : 'http://www.cnn.com','frameWidth':500,'frameHeight':500,'hideOnContentClick': false,'type':'iframe'});}); </script> 也就是说,FancyBox打开并显示CNN主页.但是,如果我将href属性更改为“#pg” 并以这种方式编码页面:<body><div id="pg"></div><script type="text/javascript">document.getElementById("pg").innerHTML =...
我有一个javascript应用程序,它为文档添加了一个mousemove监听器.问题:当鼠标移动到iframe上时,不会调用该函数. 有没有办法将这些事件传递给根文档?解决方法:如果iframe中的文档位于同一document.domain中,则可以非常轻松地完成此操作. 如果你有相同的document.domain,你也必须在iframe中设置一个mousemove监听器,并将值传递给父页面. 如果文档不在同一个document.domain上,它会变得非常复杂,你需要iframes页面来运行设置mousemo...
我主要的PHP页面有2帧.在第二帧内有iframe.我想从第一帧访问iframe文档中的元素值. 我试过这样的:var frame1 = parent.frames[1]; var frame2 = frame1.document.getElementsByTagName('iframe')[0]; var eleValue =frame2.contentWindow.document.getElementById("MyElement").value;但我没有收到任何价值,尽管它在那里.var frame1 = parent.frames[1]; alert(frame1.name); var frame2 = frame1.document.getElementsByTagName(...
我想在我的页面上打开一个fancybox iframe.将一些基本信息传递给iframe.然后我想做到这一点,以便iframe回到它的父母. 我通过静态传递nameid-1,但我真的希望将其作为变量,例如:var nameid = $(this).attr(‘nameid’) 我只是不知道如何正确执行这一切,因为我是Ajax / Javascript的新手,并且在逻辑上苦苦挣扎. base.html文件 JS:<script type='text/javascript'> //<![CDATA[ // Popup Function $(document).ready(function () ...
如何在< iframe>中使用脚本?有任何包含它的页面的概念?框架中的脚本可以访问它之外的任何上下文吗?跨域怎么样? 到目前为止,我相信< iframe>与包含页面完全无关,但我看到了一个与此信念相矛盾的例子. 在< iframe>中可以做什么和不能做什么?关于包含页面?解决方法:如果iframe及其父级的内容具有相同的域,则可以使用parent.document.getElement从iframe访问父页面DOM. 但是,您不能执行此跨域(甚至不跨越不同的子域),因为它将导致...
在我的Chrome扩展程序中,我将内容脚本注入到页面内的所有IFRAME中.这是manifest.json文件的一部分:"content_scripts": [{"run_at": "document_end","all_frames" : true,"match_about_blank": true,"matches": ["http://*/*", "https://*/*"],"js": ["content.js"]} ],因此,具有多个IFRAME的单个网页将最终运行我注入的content.js的许多副本. content.js中的逻辑从它注入的每个IFRAME或从主页/顶页收集数据,并将其发送回后台脚本(...
最近我试图在iframe中加载youtube网站,但我检查它不起作用.我用这个简单的代码.<!DOCTYPE html> <html> <head> <title></title> </head> <body> <iframe width="1000px" height="700px" src="http://www.youtube.com" ></iframe> </body> </html>>我想知道,为什么我的网页无法加载youtube网站IFRAME ..>我用什么代码在我的网页上加载youtube网站.>我如何在我的网站上使用相同的技术,所以没有人可以添加我的网站在iframe.解决方法:对...
我正在使用YouTube iframe在我的网站上嵌入视频.<iframe width="100%" height="443" class="yvideo" id="p1QgNF6J1h0"src="http://www.youtube.com/embed/p1QgNF6J1h0?rel=0&controls=0&hd=1&showinfo=0&enablejsapi=1"frameborder="0" allowfullscreen> </iframe>我在同一页面上播放视频. 我想使用javascript左键单击按钮来停止所有这些或其中一个. 可能吗? 更新: 我尝试了Talvi Watia所说和使用的内容:$('#myStopClickButton'...
在我的测试中,给出了2个文档,A和B.在A文档中,有一个iframe,iframe源是B文档.我的问题是如何修改B文件的某些变量范围? 这是我的代码:一份文件<html lang="en" ng-app=""> <head><meta charset="utf-8"><title>Google Phone Gallery</title><script type='text/javascript' src="js/jquery-1.10.2.js"></script><script type='text/javascript' src="js/angular1.0.2.min.js"></script><script>var g ; function test($scope,$http...
我没有直接访问这个iframe的源代码,所以我想这样做,如果可能的话. 我有一个由JS生成的iframe:<iframe name="temp_iframe" width="100%" height="95%" src="'+the_url+'"></iframe>里面是提交按钮和取消按钮.提交按钮工作正常,但我希望取消按钮关闭包含iframe的此模式…我还希望提交按钮发送,然后关闭模式.通常这很容易,但我不知道如何在父窗口中将事件设置为iframe的子DOM元素,该元素会影响子窗口的父窗口(主窗口). 例如.如果这不...
有人可以通过Safari / Chrome中的javascript调用帮助我打印IFrame的内容. 这适用于Firefox:$('#' + id)[0].focus(); $('#' + id)[0].contentWindow.print();这适用于IE:window.frames[id].focus(); window.frames[id].print();但我无法在Safari / Chrome中使用任何功能. 谢谢 安德鲁解决方法:将打印功能放在iframe中并从父级调用它. IFRAME:function printMe() {window.print() }父:document.frame1.printMe()