草庐IT

微前端实现方案之iframe

全部标签

javascript - 如何从 iframe 内部提交表单并将结果放在外部

我一直在尝试将一个小的登录小部件嵌入到iframe内的静态页面中,以允许其他人登录我的站点。我遇到的问题是,当表单发布时,它最终出现在iframe中,而不是作为完整的浏览器页面。我知道这样做是可能的,因为https://www.salliemae.com/在他们的主页上采用相同的策略。他们在他们的静态页面中嵌入了一个iframe,为他们完成所有逻辑。我有非常相似的javascript,当有人点击时我调用form.submit()。唯一的区别是我使用jQuery来捕获点击事件,而不是将onclick直接放在表单元素上。我在他们的calm.js中查看了他们的代码,它似乎像我一样在做一个简单

javascript - Aurelia 是否有 AngularJS $watch 替代方案?

我正在尝试将我当前的Angular.js项目迁移到Aurelia.js。我正在尝试做这样的事情:report.jsexportclassReport{list=[];//TODOlistChanged(newList,oldList){entercodehere}}report.html所以问题是:如何检测列表何时更改?在Angular.js中我可以做到$scope.$watchCollection('list',(newVal,oldVal)=>{mycode});也许Aurelia有类似的东西? 最佳答案 对于@bindable

javascript - 在 iframe 父窗口中触发点击事件

ParentWindow$(function(){$('#mainp').live('click',function(e){alert("hi");e.preventDefault();});iframeindex来源:aa$(function(){$('.test').click(function(e){$('#mainp',window.parent.document).css('color','red').trigger('click');e.preventDefault();})});CSS正在父窗口链接上应用,但单击事件未触发。如何将触发事件发送到父窗口。

javascript - 如何使用 KnockoutJS 为 iframe 数据绑定(bind)内容?

谁能告诉我如何使用Knockout将数据绑定(bind)到iframe?我已尝试按以下方式执行此操作,但它没有按预期工作:和Javascript:varViewModel=function(content){this.testcontent=ko.observable(content);};ko.applyBindings(newViewModel("HelloWorld!!"));我想将文本“HelloContent”添加到iframe中。谁能帮我解决这个问题? 最佳答案 警告:这显然具有安全隐患!仅使用来自您绝对信任的来源的代码

javascript - 使用React hook实现自增计数器

这个问题在这里已经有了答案:StatenotupdatingwhenusingReactstatehookwithinsetInterval(14个答案)关闭4年前。代码在这里:https://codesandbox.io/s/nw4jym4n0exportdefault({name}:Props)=>{const[counter,setCounter]=useState(0);useEffect(()=>{constinterval=setInterval(()=>{setCounter(counter+1);},1000);return()=>{clearInterval(inte

javascript - 从 iFrame 读取父文档并更改父文档

我正在尝试编写一个JavaScript应用程序,它将在页面上的iFrame中加载一个按钮。此应用程序将读取父文档并删除所有图像,应用最少的样式并使用这个新标记的页面重新加载父文档。我遇到的问题是从iFrame读取和写入父文档。有谁知道实现这一目标的方法?我已经阅读了一些关于跨域消息传递的内容,但不确定替代方案以及哪种方案最好。提前致谢。 最佳答案 您可以通过使用parent或使用始终指向最外层文档的top变量来引用父级。父==父窗口top==outmostwindow因此访问父窗口中的第一个divvard=parent.docume

javascript - 是否有 jQuery 的 document.ready() 的原生 Javascript 实现?

$(document).onload()内部由window.onload事件实现然后呢$(document).ready()实现它的原生javascript是什么? 最佳答案 对于Mozilla、Opera和webkit,jQuery绑定(bind)了DOMContentLoaded事件,对于IEjQuery使用onreadystatechange事件。查看jQuerysourcecode上的内部bindReady函数. 关于javascript-是否有jQuery的document.r

javascript - 如何实现标签不可知风格的组件?

如果我想要一个按钮,但只是其中的展示部分,那么如果我这样做:importstyledfrom'styled-components'constButton=styled.button`color:red;text-align:center;`我被迫呈现一个button标签,但如果语义上我需要一个anchor怎么办? 最佳答案 使用"as"polymorphicpropinv4从文档中的示例复制/粘贴:constComponent=styled.div`color:red;`;render(alert('Itworks!')}>Hell

javascript - 如何使用javascript从IE中的iframe中删除边框

我正在尝试通过javascript将iframe插入到浏览器DOM中,并希望在IE中删除边框,但似乎无法删除。我试过这些都无济于事:iframeElement.style.borderStyle="none";和iframeElement.style.frameBorder="0";如有任何建议,我们将不胜感激。 最佳答案 奇怪的是,今天早些时候我自己也在寻找这个问题的答案。我发现将frameBorder设置为0属性确实有效,只要您在将iframe添加到文档之前这样做。。p>variframe=document.createElem

javascript - 单击链接javascript播放iframe视频

我在我的网页中使用了iframe视频。这是我的html代码Playvideo我需要播放视频onclick播放视频链接。我该怎么做? 最佳答案 这有效,它将autoplay=1附加到导致视频开始播放的url。附录:如果您的视频源还没有查询字符串,那么最好添加?而不是&,有时就是这样。这可以通过寻找它的存在来完成。Playvideo//use.onetoensurethisonlyhappensonce$("#playvideo").one(function(){//asnotedinaddendum,checkforquerystri