问题所在,我所用的layui后台管理系统的框架是之前遗留下来的,2017年的版本,iframe窗口不刷新的问题,也就是框架本身的缓存问题,现在layui针对这一问题已经升级版本,就不存在问题了。...先说一下要修改的地方:点击左侧的菜单栏(即打开一个新的iframe层页面),第一次打开的窗口会刷新,但是再次点击左侧菜单的时候就不会刷新了,每次这个页面获取到新的数据,iframe窗口里面都是有缓存的,...都需要手动F5刷新才会更新,因此带来不便。...改为:每次点击左侧菜单,都会触发一次刷新事件。 ? 解决办法:打开tab.js文件 1:在配置里面添上 autoRefresh:true ?...('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();*/
JS在iframe中获取父窗口的元素 window.parent.document.getElementById("id").innerText = "string"; jquery在父窗口中获取iframe...contents().find("#id").click(); //调用子frame中的方法; $("#iframeMain")[0].contentWindow.FunctionName(); jquery在iframe...中获取父窗口的元素 window.parent.document.querySelector("#id").innerText = "String"
iframe是html标签,具有一般标签的属性: width iframe的高度 height iframe的宽度 src iframe里面加载的页面url name 可以通过window.frames...contentWindow、contentDocument frame.contentWindow 获取子页面的window对象 frame.contentDocument 获取子页面的document对象 2、获取父页面...子页面可以访问、修改同一个域名的父页面的方法和属性 window.parent/parent 获取当前页面的父页面-iframe所在的页面 parent.window 获取父页面的window属性...parent.document 获取父页面的document属性 window.top 获取打开该页面的父页面,如果当前页面没有被嵌套到iframe中,window.topwindow window.self...window.hostname) { window.top.location.href = window.location.href; } } frame跨域调用 使用postMessage 父页面
jquery刷新当前页面、刷新父级页面 window.location.reload(); // 刷新当前页面 parent.location.reload(); // 刷新父级页面 opener.location.reload...(); // 刷新父窗口页面(用于单开窗口) top.location.reload(); // 刷新最顶端页面(用于多开窗口) 补充常用的知识 window.open(); // 打开窗口 window.close...(); // 关闭一个窗口(关闭窗口本身用self) window.alert('弹窗信息') // 弹出提示信息(常用,不过用了ui库之后很少用了); window.confirm('确认框信息')
先看一段代码(PHP例子) 1、表单代码(form.html): <form
// 获取父窗口,windos当前的, , 属性名为 uploadFrame 的。...$("#parent", window.parent.document).val($val);//jQuery写法给父页面传值 ---- 2.那么你取 父窗口的父窗口 的元素就可以用: $(selector... 元素 (索引为 0) 的 $(selector, window.top.frames[0].document); 4.那么你取 open打开新窗口 的元素就可以用: $(selector...; location.replace(refurl); } 6. js操作窗口解说: frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是...---- 取父窗口的元素方法:$(selector, window.parent.document); 那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document
父页面结构 PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL 1,子页面获取父页面的vue对象。...__vue__ 2,比如父页面vue里有方法 PlainBashC++C#CSSDiffHTML/XMLJavaJavascriptMarkdownPHPPythonRubySQL methods:...__vue__.test()调用父页面的test方法。 延申 普通页面嵌套iframe怎么调用父页面的方法
——《新五代史·伶官传序》 我们在使用如layui的layer弹窗或者在页面上用别的方式打开的iframe中可能会要获取到父页面的某个元素 可以使用: window.parent.$(".layui-laypage-btn...") 这里.layui-laypage-btn是父元素的节点 主要是 window.parent这个属性,能返回当前窗口的父窗口
data){ var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); }) } 父窗口数据刷新再关闭
在vue父页面有两个个参数 名称和图标,需要把这两个参数传到iframe的地图里面,在地图触发绘点事件的时候,获取到传来的参数并且展示 vue:传值给子页面iframe // 传值给子页面iframe...接收父页面的值 在iframe中,使用window.addEventListener监听message事件,然后在事件处理程序中获取传递的数据: // 监听来自vue父页面的消息 window.addEventListener('message', function(event) { const...,会将值传递给子页面的iframe元素。...这种方法需要父页面和子页面在同一个域名下,否则会因为浏览器的同源策略而导致通信失败。
本来需要点击一个图片后,显示一个iframe上传框.点击上传,从而操作子页面中的点击上传动作,再把值传给父页面.或控制父页面中iframe元素的显示状态.不过.通过upload()函数,可以不用显示上传框了...-- 父页面中的上传按钮 --> upload.php 文件中有一个表单 下面是父页面中的一个函数
web开发实现页面的局部刷新的技术,除了比较常见的ajax,还有通过iframe来实现,这种方式和ajax有什么不同呢首先看一个用ajax技术实现的页面局部刷新的效果——表单登陆。...,说是js是不准确的。...同样实现了页面的局部刷新,而且用的不是ajax技术。...原理是将表单提交后跳转的页面,指向本页的iframe标签中,iframe刷新后,返回的是后端输出的javascript标签包裹的js代码,而返回的javascript代码可以直接运行,并且可以操作父页面中的元素...封装原生ajax还得考虑兼容,iframe就不用考虑兼容性的问题,但ajax对比iframe会更加简洁明了。在ajax没有普及之前,web开发的局部刷新用的都是iframe。
在子页面的iframe中想将参数传递给Vue父组件,可以使用postMessage()方法将数据发送给父窗口。父组件可以通过监听message事件来接收并处理这些数据。...将参数从子页面的iframe传递给Vue父组件: 在子页面的iframe中: // 发送消息给父窗口 const data = { imgUrl: '......// ... } } 在Vue父组件中,通过在mounted()钩子中监听message事件,可以获取子页面iframe发送的消息。...-- iframe.html --> // 监听来自父页面的消息 window.addEventListener('message', function(event) { const...iframe中使用window.addEventListener监听message事件,并在事件处理程序中获取传递的数据 这里需要注意一下,使用'*'作为目标窗口的origin存在安全风险。
一、今天总结一下js中几个对象的区别和用法: 1."window.location.href"、"location.href"是本页面跳转 2."...window.top.location.href"是最外层的页面跳转 二、举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写..._parent:父窗口执行重定向 _self:自身页面重定向 _top:第一个父窗口重定向 小结: 1.window.open("Url地址","_blank") = window.open(...parent.open("Url地址","_parent") = parent.parent.open("Url地址","_self")//在B页面实现展现 综上所述可知:parent.window:父窗口对象...top.window:第一个父窗口的对象 三、重点看看window.parent与window.openner区别 window.parent 是iframe页面调用父页面对象,当我们想从iframe
关闭模态窗口后,父窗口居然跑到了其他窗口的后面 发布于 2018-02-05 05:58 更新于 2018...弹出一个模态窗口,然后将模态窗口的父窗口设置为自身窗口; 切换到其他程序窗口中(比如 Windows 资源管理器窗口); 切换回此模态窗口,然后关闭这个模态窗口上。...你会发现,模态窗口关闭后,父窗口并没有回到当前的顶层显示中。取而代之的,是其他程序的窗口(比如 Windows 资源管理器窗口)。...然后,回到模态子窗口中,把它关掉: ? 我们期待模态子窗口关掉后,它的父窗口会在顶层继续供我们操作,但实际上,Windows 资源管理器却成为了顶层,我们的程序“掉下去了”: ?...为解决兼容性问题的微软工程师默哀一分钟…… 我曾经尝试在模态子窗口关闭后激活一下父窗口,但这样会导致窗口的层级闪烁一下(Windows 资源管理器会短暂地显示到我们的窗口之上)。
src="'+pagepath+'" style="width:100%;height:'+height+';border-width:0 ">')); //打开窗口页面增加接受消息监听...的一个标识,title是dialog的标题名字,url为嵌套内的页面地址,height/weight就是高/宽,callback就是dialog关闭时的回调函数,比如新增数据时关闭新增页面调用回调函数刷新列表页...中打开窗口,遮罩层和dialog都会以iframe为基准,但有时候这样会显的窗口太小使用不方便,所以我们这里要再加一种方法,打开全局dialog,就是如果在iframe中打开,dialog要显示在iframe...的顶级父级窗口中,这就需要我们对源码小小的改造下 //顶部打开移动dialog所属窗体 if(this.options.istop){ this.getModal.../static/common/dialog.js 注: 使用时引用jquery,bootstrap-dialog.js,bootstrap-dialog.css,dialog.js 提供一个调用示例:
js 如何获取包含自己iframe 属性 a.html 如何在b.html里获取包含他的iframe的id 在父页面中定义函数,再到子页面中调用。...父页面parent.html function getFrameId(f){ var frames = document.getElementsByTagName(“iframe”); //获取父页面所有...iframe for(i=0;i js怎样获取iframe,src中的参数 如何获取iframe里的src里面的属性 js如何修改iframe 中元素的属性 iframe 属性 及用法越详细越好 。。...在线等 iframe元素的功能是在一个html内嵌一个文档,创建一个浮动的郑iframe可以嵌在网页中的任意部分 name:内嵌帧名称 width:内嵌帧宽度(可用像素值或百分比) height:内嵌帧高度...(可用像素值或百分比) frameborder:内嵌帧边框 marginwidth:帧内文 jQuery怎么给iframe的src赋值 给iframe src赋值,代码如下: 特别注意: 1.上述jquery
history.back()和history.go(-1)都可以实现返回上一页并不刷新 向要页面后退刷新使用:window.location.href = document.referrer;即可实现
此外,window.location.href=window.location.href;和window.location.Reload();都是刷新当前页面。 区别在于是否有提交数据。...然而 window,open()不一定是打开新窗口 在有窗口的名称和window.open中第二个参数中的一样就会将这个窗口替换,用这个特性的话可以在iframe和frame中来代替location.href...’; } 则c.html 跳转为百度,这就说明了”parent.location.href是上一层页面跳转”即父级页面跳转。...再次修改d.html里面的js部分为: function jump() { top.location.href=’http://www.baidu.com’; } 刷新a.html后,再次点击...而top是指向顶级窗口对象,parent是指向父级窗口对象。 延展 window.location或window.open如何指定target?
父窗口打开layer弹出框时,添加end回调 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 functionopenLayer() { //iframe层 parent.layer.open...对于layer.js出现回调关闭父类的弹出层时,之前的表单的submit失效的问题: 如何解决:网上有很多,有的是转为ajax的请求,在数据传输完再关闭父类的弹出层: 下面是关闭父弹出层的办法: 1 2...(function() { parent.layer.close(index);// 关闭layer },500); 我还需要在关闭父类窗口后再打开一个窗口,则怎么解决,后面发现layer.js留有一个好的方式...,那就是调用父窗口的方法,这个不受子窗口的影响,通过:parent.父类方法名(参数)这样就可以了,在父窗口中再调用layer.js的弹出就好了。...未经允许不得转载:肥猫博客 » layer实现关闭弹出层刷新父界面功能详解
领取专属 10元无门槛券
手把手带您无忧上云