解決IE11出現異常SCRIPT5011:不能執行已釋放Script的代碼

功能概述：

最近做了一個教育科研系統，由於時間比較緊，所以能集成的功能都盡量做到了一起，其中一個上傳附件的功能，在基類控制器BaseController 中建了一個Action返回視圖，其他需要上傳附件的地方都統一調用該視圖彈出模態窗口window.showModalDialog，返回上傳文件的路徑和數據庫表存的該附件路徑的guid，在調用頁面將返回附件的guid保存到數據表中：

遇到的問題：

該功能在火狐瀏覽器中完全正常，但是在IE11瀏覽器（其他版本未測試）中出現：不能執行已釋放Script的代碼 的異常。但是實際上值已經取到,但是直接判斷是否為null等時報異常:

解決方案：

將彈出窗口返回的數組對象改為字符串，回到調用頁面時再解析成對象(對象是引用類型：的賦值傳遞的是地址，字符串是值類型：賦值是傳遞的值)。

調用頁面js代碼：

 /*
   * 上傳 
   * typeFlag:1-文件，2-圖片，3-三維動畫
   */
    function MyUpload(dom, guid, typeFlag) {
        var obj = new Object();
        var strResult = window.showModalDialog('/Base/ShowUploadView?typeFlag=' + typeFlag, obj, "dialogWidth=600px;dialogHeight=300px;");
        if (strResult != null && strResult != undefined && strResult != "" && strResult.length > 0) {
            var ArrResult = eval(strResult);
            if (ArrResult[0].guid != null && ArrResult[0].guid != undefined && ArrResult[0].guid != "") {
                $.ajax({
                    url: '/InstrumentShare/UpdateContractAttachmentData',
                    type: 'post',
                    dataType: 'text',
                    data: { 'headID': guid, 'filesID': ArrResult[0].guid },
                    success: function (result) {
                        if (result === ""||result===null) {
                            if (dom.nextElementSibling.nodeName === "A") {  //判斷是否是a標簽
                                dom.nextElementSibling.href = ArrResult[0].filesPath;
                                dom.nextElementSibling.style.display = ""; //顯示下載a標簽，沒有附件時是隱藏狀態
                            }
                            alert("保存附件成功！");
                        }
                        else {
                            alert("保存附件失敗：" + result);
                        }
                    },
                    error: function (result) {
                        alert("程序異常：保存附件失敗！");
                    }
                });
            }

        }
    }

 

其中視圖頁面代碼：

@{
    ViewBag.Title = "上傳附件";
    Layout = "~/Views/Shared/_Layout-nofooter.cshtml";
}

<script src="~/Scripts/UploadsFile/jquery.uploadify-3.1.min.js" type="text/javascript"></script>
<link href="~/Scripts/UploadsFile/uploadify.css" rel="stylesheet" />


<div class="modal-header" style="height:50px;">
    <h4 id="myModalLabel">上傳附件</h4>
</div>
<div class="modal-body">
    <table class="basicTable">
        <tr>
            <td class="edu_width100">上傳附件：</td>
            <td id="attachmentName"></td>
        </tr>
        <tr>
            <td>
                <input type="file" id="file_upload" name="file_upload" />
                <span></span>
            </td>
            <td></td>
        </tr>
    </table>
    @*<div class="row">
        <div class="col-lg-4">上傳附件：</div>
        <div class="col-lg-6">
           <span id="attachmentName"></span>
        </div>
        <div class="col-lg-2"></div>
    </div>
    <div class="row">
        <div>
            <input type="file" id="file_upload" name="file_upload" />
            <span></span>
        </div>
    </div>*@
</div>
<div class="modal-footer">
    <button class="scbtn addBtn" aria-hidden="true" onclick="GetRetuValue()">
        保存
    </button>
    <button class="scbtn btn-warning" aria-hidden="true" onclick="CancelSelect()">
        取消
    </button>
</div>


<script type="text/javascript">
    // 窗口返回值
    var strResult;
    var typeFlag = '@ViewBag.typeFlag';//文件類別：1-文檔文件，2-圖片文件，3-三維動畫
    var filesType = '*.*';//上傳文件類型

    /*
    * 附件上傳
    */
    $(function () {
        //文件
        if (typeFlag === '1') {
            filesType = '*.doc;*.txt;*.ppt;*.xls;*.docx;*.xlsx;*.rar;*.zip';
        }
        //圖片
        else if (typeFlag === '2') {
            filesType = '*.jpg;*.jpeg;*.png';
        }
        //三維動畫
        else if (typeFlag === '3') {
            filesType = '*.swf;*.flv;*.gif';
        }
        else {
            alert("文件類型初始化錯誤！");
            window.close();
        }
    })
    function uploadfile() {
        $('#file_upload').uploadify('upload', '*');
    }

    function Clearupload() {
        $('#file_upload').uploadify('cancel', '*');
    }

    /*
    * 圖片附件上傳
    */
    $(function () {
        var strPath = '';
        $('#file_upload').uploadify({
            'swf': '@Url.Content("~/Scripts/UploadsFile/uploadify.swf")',
            'buttonText': '添加附件',
            'auto': true,
            multi: true,
            //'uploadLimit': 1,
            //'queueSizeLimit': 1,
            'fileTypeExts': filesType,
            'formData': { 'typeFlag': '@ViewBag.typeFlag' },//此處修改附件類型
            'uploader': '/Base/uploadsAttachment',
            'fileSizeLimit': '100MB',
            'onSelectError': function (file, errorCode, errorMsg) {
                switch (errorCode) {
                    case -100:
                        alert("上傳的文件數量已經超出系統限制的" + $('#file_upload').uploadify('settings', 'queueSizeLimit') + "個文件！");
                        break;
                    case -110:
                        alert("文件 [" + file.name + "] 大小超出系統限制的" + $('#file_upload').uploadify('settings', 'fileSizeLimit') + "大小！");
                        break;
                    case -120:
                        alert("文件 [" + file.name + "] 大小異常！");
                        break;
                }
            },
            'onUploadComplete': function (file) {
                Clearupload();
            },
            'onQueueComplete': function (data) {
                Clearupload();
                //$("#Attachment").val($("#Attachment").val() + ";" + strPath);
            },
            'onUploadSuccess': function (file, data, response) {
                var result = eval('(' + data + ')');
                if (result.Success) {
                    if (result.guid != undefined && result.guid != 'undefined') {
                        //獲取返回數據
                        aResult = new Array();
                        //eval({ guid: "ae3c9336-1101-49fd-8116-755cef6bbd27", filesPath: " '/Base/MyDownLoad?Filepath='/UpLoadFile/images/b648fdd0-19d5-4e78-8435-db2ff8d2d147.jpg" })
                        //aResult={'guid: "'+ result.guid+'", filesPath: "/Base/MyDownLoad?Filepath='+result.filesPath+ '"'};

                        aResult.push({ guid: result.guid, filesPath: '/Base/MyDownLoad?Filepath=' + result.filesPath });
                        strResult = JSON.stringify(aResult);
                        $("#attachmentName").text(result.FileName);
                        alert("添加附件成功！");
                    }
                } else {
                    alert(result.Message);
                    return false;
                }
                return true;
            },
            onUploadError: function (file, errorCode, erorMsg, errorString) {
            }
        });
    });

    /*
    * 刪除附件
    */
    function DeleteAttachment(attachmentID, fileName, typeFlag) {
        if (confirm("您確定要刪除附件 【 " + fileName + "】 嗎？")) {
            $.ajax({
                url: '/Base/DeleteAttachment',
                type: 'post',
                datatype: 'text',
                data: { attachmentID: attachmentID, attachmentID: attachmentID, fileName: fileName, typeFlag: typeFlag },
                success: function (rel) {
                    var data = eval(rel);
                    if (data.Success) {
                        //移除元素，隱藏控件賦值
                        //$('#span_' + attachmentID).remove();
                    }
                    alert(data.Message);
                }
            });
        }
    }

    /*
* 獲取選中值關閉dialog窗口並返回選中值（置於彈出窗口頁面中）：待修改
*/
    function GetRetuValue(result) {
        //彈出框返回值
        window.returnValue = strResult;
        window.close();
    }

    /*
   * 獲取選中值關閉dialog窗口並返回選中值（置於彈出窗口頁面中）：待修改
   */
    function CancelSelect() {
        //彈出框返回值
        window.returnValue = "";
        window.close();
    }
</script>
<!-- ModalEnd -->

 

引用：http://blog.sina.com.cn/s/blog_6ac4c6cb0101is29.html

在IE6,IE7,IE8,chrome,firefox一些window主流的瀏覽器上，都可以正常運行，就是IE9上出現這個問題，其實，我們用模態方式打開個窗口，對於返回對象使用“==”與字符串比較時出現錯誤。原因是生成對象的窗口已經被銷毀了，這個對象的valueOf與toString等方法調時會出現上述錯誤，一開始的情況是：

 

我使用 json 變量接收返回值 ，返回對象格式如 {id:1,name:senly,age:26}

var json = 模式窗口返回值 ( window.showModalDialog(url,...) )

返回之后我會做判斷

if(IsEmpty(json )) return;

 

IsEmpty方法貼上

function IsEmpty(obj){
     if(typeof(obj)=="undefined"||obj==null||(typeof(obj)!="object"&&(obj+"").replace(/ /g,"")==""|| obj=="null" || obj.length==0)){
          return true;
     }
     return false;
}

 

就是這個處理，報出了異常 SCRIPT5011:不能執行已釋放Script的代碼

因為腳本使用了==去做判斷，所以在IE9下是不允許的，故此，我們可以這么處理：

try{

    if(IsEmpty(json.id))

    return;

}catch(err){

    return;

}

 

注意：

 

雖然以上介紹了該異常出現的原由，以及對該異常進行的容錯處理，但是，假如希望通過IE9,IE10，來實現模態窗口的數據回傳，那又應該如何正確獲取到數據呢？

 

首先，對於字符串型/布爾型的數據回調，ie9/10都是支持的，例如

 

window.returnValue = “我是模態窗口返回的數據”;

 

或者

 

window.returnValue = true;

 

最終在父窗口的通過

 

var json = 模式窗口返回值 ( window.showModalDialog(url,...) )

 

獲取的json都是無誤的，例如

 

 “我是模態窗口返回的數據”或是 true

 

但是，對於返回對象型的數據時，則會出現異常 不能執行已釋放Script的代碼

 

例如，返回對象格式如 {id:1,name:senly,age:26}

 

那么肯定不行，這時候我們可以這么來處理，在返回數據的時候，把對象數據拼接為字符串，然后在父窗口接收到之后，通過eval把字符串轉化為對象，例如：

 

在模態窗口返回：

var dataStr = "{id:1,name:'senlypan'}";

window.parent.window.returnValue = dataStr ;

 

最終在父窗口解析：

var json = 模式窗口返回值 ( window.showModalDialog(url,...) )

// 模態窗口，處理取消/關閉 [undefined]
try{

    if(IsEmpty(json))return;

}catch(err){

    return;

}

// 模態窗口，處理returnValue  [對象銷毀]，對象不兼容，使用str轉換為對象：
var obj= eval_r('('+ json +')');

 

此時，就可以通過對象獲取屬性值了，例如通過obj.id或者obj.name，可以得到 1 或者 senlypan