JS新界面关闭原界面刷新的多种形式
————恢复内容开始————
1.新界面为当前界面弹出的形式;
第一步:首先原界面的原生JS事件需要放到
1 (function () { …… })(); 中;
作用:避免公共的js方法,与此界面的js名称相同,造成覆盖公共js的方法;
第二步:在弹出的界面中,在要想进行关闭操作的位置加入以下js;
var windowPar = window.parent; if (windowPar && windowPar.fancyboxOpener && windowPar.fancyboxOpener.BindTaskList) { windowPar.fancyboxOpener.BindTaskList(); } if (windowPar && windowPar.$ && windowPar.$.fancybox) { windowPar.$.fancybox.close(); }
注意:BindTaskList() 此名称为原界面绑定数据的js方法;
第三步:在原界面将绑定数据的方法进行修饰;
原来的样子:function BindTaskList () {......} 现在的样子:window.BindTaskList= function () {......}
原因:因为第一步的修饰,所以需要加上window进行获取,不让找不到!
这就是第一种弹框式刷新了,然后就是第二种了;
2.新界面为原界面的新建界面;
第一步:首先原界面的原生JS事件需要放到
1 (function () { …… })(); 中;
作用:避免公共的js方法,与此界面的js名称相同,造成覆盖公共js的方法;
第二步:在弹出的新界面中,在要想进行关闭操作的位置加入以下js,例如:
//关闭 $("#btnCancel").click(function () { window.close(); window.opener.BindTaskList(); })
注意:BindTaskList() 此名称为原界面绑定数据的js方法;
第三步:在原界面将绑定数据的方法进行修饰;
原来的样子:function BindTaskList () {......} 现在的样子:window.BindTaskList= function () {......}
原因就不多说了,上面有哦!
然后就是最后一种了,也是最简单的一种;
3.新界面为原界面的新建界面;
第一步:给新界面把以下js放到你想要放的位置;
//关闭 $("#btnCancel").click(function () { window.close(); window.opener.location.reload();//界面刷新 })
值得注意的是,此种方法刷新的是整个原界面,所以一般情况下,最好不要用这个方法;
如果哪里有写错的地方,欢迎指正!
如果写的对你有所帮助的话,记得点个赞哦!
————恢复内容结束————