如何防止浏览器中的“停止运行此脚本”？

Rita 发表于 Dev

丽塔

我有一个ASP.NET MVC页面，该页面具有包含14列的JQuery Editable Datatable。我有一个按钮（“不应用任何结果”）来执行客户端计算并应用于该表中的所有行。

当我们单击此按钮时，每4行应用一次计算后，它将显示此“停止运行脚本”消息。

我验证了设置。在“ Internet选项”的“高级”选项卡中，选中“禁用脚本调试（Internet Explorer）”选项。并且未选中“显示有关脚本错误的通知”。

我正在使用Internet Explorer8。我现在在IE9上不会发生。但这是服务器，我们无法升级到IE9。

我进行了研究，尝试了这两种选择，但没有任何效果。

示例（1）： http : //www.codeproject.com/Tips/406739/Preventing-Stop-running-this-script-in-Browsers

示例（2）： http : //www.picnet.com.au/blogs/guido/post/2010/03/04/how-to-prevent-stop-running-this-script-message-in-browsers/

任何人都有这个问题，任何建议都将受到高度赞赏。

这是引发脚本消息的实际代码：

for(i < iTotalRecords;i++) 
      {  

            var row = oTableAuditLines.fnGetData(i); 
            oTableAuditLines.fnUpdate("NF",i,1); 
            UndoHCPCS(row,i);
            UndoHCPCSModCodes(row,i);
            UndoLineUnitCount(row,i);
            oTableAuditLines.fnUpdate("", i, 6); //Reset Denial Reason Code
            UndoNonCoveredCharges(row,i);
            CalculateAmountPaidAtLine(row,i);
            CalculateEstimatedRecoveryAmountAtLine(row,i);
      }
      UpdateSummaryLine();
      UpdateSummaryLineReasonCode();

通过引用Example（2）中的示例代码，我更改了如下代码，但仍收到脚本消息：

//此功能是为了避免脚本运行消息

  RepeatingOperation = function(op, yieldEveryIteration) 
  {  
  var count = 0;  
  var instance = this;  
  this.step = function(args) 
  {    
  if (++count >= yieldEveryIteration) 
  {      
  count = 0;      
  setTimeout(function() { op(args); }, 1, [])      
  return;      
  }    
  op(args);  
  };
  };

  function ApplyNoFindings()
  {

    var i = 0;
    var ro = new RepeatingOperation(function() 
     {  

     var row = oTableAuditLines.fnGetData(i); 
            oTableAuditLines.fnUpdate("NF",i,1); 
            UndoHCPCS(row,i);
            UndoHCPCSModCodes(row,i);
            UndoLineUnitCount(row,i);
            oTableAuditLines.fnUpdate("", i, 6); //Reset Denial Reason Code
            UndoNonCoveredCharges(row,i);
            CalculateAmountPaidAtLine(row,i);
            CalculateEstimatedRecoveryAmountAtLine(row,i);

     if (++i < iTotalRecords) 
     { 
        ro.step(); 
     }  
     else 
     { 
        UpdateSummaryLine();
        UpdateSummaryLineReasonCode();
     }  
     }, 100);
     ro.step();

}

我在这里做错了什么？

土清

问题是javascript是单线程的，因此如果有一个函数需要很长时间才能完成，则此函数可能会导致UI无法响应。因此，浏览器将通过显示消息“停止运行此脚本”来警告用户有关长时间运行的脚本。该问题的解决方案是：

优化您的代码，因此该功能不会花费太长时间。
用于setTimeout将函数执行分成足够短的许多部分。

示例代码模式：

var array = []; //assume that this is a very big array
var divideInto = 4;
var chunkSize = rowCount/divideInto;
var iteration = 0;

setTimeout(function doStuff(){
  var base = chunkSize * iteration;
  var To = Math.min(base+chunkSize,array.length);
  while (base < To ){
      //process array[base]
      base++;
  }
  iteration++;
  if (iteration < divideInto)
      setTimeout(doStuff,0); //schedule for next phase
},0);

您在Example（2）中采用的解决方案是正确的，但是您的代码中有问题。那是setTimeout不运行。尝试像这样更改代码：

RepeatingOperation = function(op, yieldEveryIteration) 
  {  
  var count = 0;  
  var instance = this;  
  this.step = function(args) 
    {    
       op(args); 
       if (++count <= yieldEveryIteration) 
       {          
         setTimeout(function() { instance.step(args); }, 1, [])         
       }    
    };   
  };

修改您的function ApplyNoFindings()，请尝试以下操作：

if (++i > iTotalRecords) 
 { 
    UpdateSummaryLine();
    UpdateSummaryLineReasonCode();
 }

代替：

if (++i < iTotalRecords) 
     { 
        ro.step(); 
     }  
     else 
     { 
        UpdateSummaryLine();
        UpdateSummaryLineReasonCode();
     }

注意：未经测试，只是告诉您它应该如何工作

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。