您的位置：首页 > 编程技术 > js  >  在JavaScript中如何解决用execCommand(

在JavaScript中如何解决用execCommand(

 更新时间：2015年10月21日 21:47  点击：2456

本解决方案仅适应asp.net mvc 开发环境，其他环境仅供参考。

问题描述：在开发中遇到这样的需求，保存页面，通常使用JavaScript的saveAs进行保存，各浏览器对saveAs支持，见下表。

代码一：初始保存的代码，只有IE6，7，8支持。

 function CmdSave() {  var OW = window.open('', "_blank", "");  var DD = new Date();  OW.document.open();  var content = document.getElementById("content").innerHTML;  OW.document.write(content);  var name = mineName + "-" + $("#selDate").val() + ".htm";  OW.document.execCommand("saveAs", false, name);//执行保存，IE6,IE7,IE8有效  OW.close(); }

解决方案：考虑到下载兼容性好，也能起到保存页面的作用，故采用了先生成页面，再下载页面这样的解决方案。

代码二：采用下载方式保存页面代码。

 function CmdSave() {  var css = "<style type='text/css'>.trNormalTd { border-top-width: 0px; border-bottom-width: 0px;text-align:right;}.trLastTd {border-top-width: 0px;text-align:right;}.trFirstTd{border-bottom-width: 0px;text-align: right;}</style>";  var html = document.getElementById("content").innerHTML;  var content = css + html;  var name = mineName + "-" + $("#selDate").val() + ".htm";  savePage(content, name);} //content 内容 fileName 文件名 先在服务器生成页面，然后再下载生成的页面 function savePage(content, fileName) {  $.ajax({   type: 'post',   dataType: 'text',   url: 'FXBB/BCYM',   data: {    content: content,    fileName: fileName   },   success: function (result) {    var url = "YXGZ/DBFX/BBCX/FXBB/XZYM?fileName=" + fileName;    var downloadUrl = window.location.protocol + "//" + window.location.host + "/" + url;    window.open(downloadUrl);//下载页面    //deleteFile(fileName);   },   error: function (msg) {    alert("保存出错");   }  }); }  //保存页面  public int BCYM(string content, string fileName)  {   string path = System.AppDomain.CurrentDomain.BaseDirectory;   path = Path.Combine(path, @"Upload/FXBB");   //清空保存文件文件夹文件   foreach (string d in Directory.GetFileSystemEntries(path))   {    if (File.Exists(d))    {     File.Delete(d);    }   }   //生成要保存的页面   path = System.AppDomain.CurrentDomain.BaseDirectory;   path = Path.Combine(path, "Upload/FXBB/" + fileName);   using (StreamWriter sw = new StreamWriter(path, false, Encoding.UTF8))// File.AppendText(path))   {    sw.WriteLine(content);    sw.Flush();   }   return 1;  }//下载页面  public void XZYM(string fileName)  {   string path = System.AppDomain.CurrentDomain.BaseDirectory;   path = Path.Combine(path, @"Upload/FXBB/" + fileName);   string filePath = path;//Server.MapPath("DownLoad/aaa.zip");//路径   //以字符流的形式下载文件   FileStream fs = new FileStream(filePath, FileMode.Open);   byte[] bytes = new byte[(int)fs.Length];   fs.Read(bytes, 0, bytes.Length);   fs.Close();   System.Web.HttpContext.Current.Response.ContentType = "application/octet-stream";   //通知浏览器下载文件而不是打开   System.Web.HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8));   System.Web.HttpContext.Current.Response.WriteFile(filePath);  }

以上内容就是本文关于execcommand兼容性问题的全部叙述，希望大家喜欢。

[!--infotagslink--]

相关文章

  • 409错误是什么 http 409错误怎么解决

    409错误是什么？http 409错误怎么解决呢？不少站长在遇到这个错误代码之后都一筹莫展，本次一聚教程网为大家带来了详细的说明，快来看看吧。 409错误是什么： HTTP 40...2017-01-22

  • http 405错误是什么 http 405错误怎么解决

    http 405错误是什么？http 405错误怎么解决？相信很多站长都在找这两个问题的答案，本次小编为大家带来了详细的教程，快来看看吧。 405错误是什么： HTTP 405错误是H...2017-01-22

  • 使用PHP+JavaScript将HTML页面转换为图片的实例分享

    这篇文章主要介绍了使用PHP+JavaScript将HTML元素转换为图片的实例分享,文后结果的截图只能体现出替换的字体,也不能说将静态页面转为图片可以加快加载,只是这种做法比较interesting XD需要的朋友可以参考下...2016-04-19

  • 403错误是什么 403错误怎么解决

    403错误是HTTP状态码的一种，属于“请示错误”，表示服务器拒绝请求。如果在搜索引擎尝试抓取您网站上的有效网页时显示此状态代码，那么，这可能是您的服务器或主机拒绝搜索...2017-01-22

  • 关于JavaScript中name的意义冲突示例介绍

    在昨天的《Javascript权威指南》学习笔记之十：ECMAScript 5 增强的对象模型一文中，对于一段代码的调试出现了一个奇怪现象，现将源代码贴在下面： 复制代码 代码如下: <script type="text/javascript"> function Person(){}...2014-05-31

  • C#和JavaScript实现交互的方法

    最近做一个小项目不可避免的需要前端脚本与后台进行交互。由于是在asp.net中实现，故问题演化成asp.net中jiavascript与后台c#如何进行交互。...2020-06-25

  • 412错误是什么 412错误怎么解决

    412错误是什么？412错误怎么解决？本次一聚教程网将为大家带来详细的介绍，帮助大家全面了解412错误的意思以及解决412错误的方法。 412错误是什么： HTTP 412错误，（Precond...2017-01-22

  • Perl CPAN::Modulelist的解决办法

    今天用CPAN安装Term::ReadLine，报了个这样的错误 Going to read /root/.cpan/sources/modules/03modlist.data.gz Can't locate object method "data" via package "C...2016-11-25

  • 406错误是什么 406错误怎么解决

    HTTP 406错误是HTTP协议状态码的一种，表示无法使用请求的内容特性来响应请求的网页。一般是指客户端浏览器不接受所请求页面的 MIME 类型。 而MIME类型是在把输出...2017-01-22

  • 407错误是什么 407错误怎么解决

    407错误是什么？407错误怎么解决？不少站长都遇到过407错误，下面小编将告诉大家如何处理407错误。 407错误是什么： HTTP 407错误是HTTP协议状态码的一种，表示需要代...2017-01-22

  • javascript自定义的addClass()方法

    复制代码 代码如下: //element:需要添加新样式的元素，value：新的样式 function addClass(element, value ){ if (!element.className){ element.className = value; }else { newClassName = element.className; newClas...2014-05-31

  • 410错误是什么 http 410错误怎么解决

    410错误是HTTP协议状态码的一种，本次一聚教程网将为大家详细介绍HTTP 410错误是什么，以及410错误的解决办法。 410错误是什么： HTTP 410错误是HTTP协议状态码的...2017-01-22

  • JavaScript中的this关键字使用方法总结

    在javascritp中，不一定只有对象方法的上下文中才有this， 全局函数调用和其他的几种不同的上下文中也有this指代。 它可以是全局对象、当前对象或者任意对象，这完全取决于函数的调用方式。JavaScript 中函数的调用有以下...2015-03-15

  • 详解javascript数组去重问题

    首先，我想到的是另建一个结果数组，用来存储原始数组中不重复的数据。遍历原始数组依次跟结果数组中的元素进行比较，检测是否重复。于是乎，我写出了如下代码A： Array.prototype.clearRepetitionA = function(){ var resul...2015-11-08

  • JavaScript中逗号运算符介绍及使用示例

    有一道js面试题，题目是这样的：下列代码的执行结果是什么，为什么？ 复制代码 代码如下: var i, j, k; for (i=0, j=0; i<10, j<6; i++, j++) { k = i+j; } document.write(k); 答案是显示10，这道题主要考察JavaScript的逗...2015-03-15

  • javascript的事件触发器介绍的实现

    事件触发器从字面意思上可以很好的理解，就是用来触发事件的，但是有些没有用过的朋友可能就会迷惑了，事件不是通常都由用户在页面上的实际操作来触发的吗？这个观点不完全正确，因为有些事件必须由程序来实现，如自定义事件，jQue...2014-06-07

  • HTTP 400错误是什么 HTTP 400错误怎么解决

    每当遇到http错误代码为400，代表客户端发起的请求不符合服务器对请求的某些限制，或者请求本身存在一定的错误，那么HTTP 400错误怎么解决呢？请看下文介绍。 目前400错...2017-01-22

  • Javascript类型转换的规则实例解析

    这篇文章主要介绍了Javascript类型转换的规则实例解析，涉及到javascript类型转换相关知识，对本文感兴趣的朋友一起学习吧...2016-02-27

  • ActiveX控件与Javascript之间的交互示例

    1、ActiveX向Javascript传参 复制代码 代码如下: <script language="javascript" for="objectname" event="fun1(arg)"> fun2(arg); </script> objectname为ActiveX控件名，通过<object>标签里的id属性设定,如下； 复制...2014-06-07

  • 详解JavaScript操作HTML DOM的基本方式

    通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 HTML DOM (文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被构造为对象的树： 通过可编程的对象模型，Java...2015-10-23