JS新界面关闭原界面刷新的多种形式

2022-10-06 15:03:08

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();//界面刷新
    })

值得注意的是，此种方法刷新的是整个原界面，所以一般情况下，最好不要用这个方法；

如果哪里有写错的地方，欢迎指正！

如果写的对你有所帮助的话，记得点个赞哦！

JS新界面关闭原界面刷新的多种形式

码农公寓

相关文章