问题所在，我所用的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。
一、今天总结一下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
在子页面的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存在安全风险。
关闭模态窗口后，父窗口居然跑到了其他窗口的后面 发布于 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 提供一个调用示例：
history.back()和history.go(-1)都可以实现返回上一页并不刷新 向要页面后退刷新使用:window.location.href = document.referrer;即可实现
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
此外，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元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
