js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器原创

本文实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型，兼容IE，chrome,火狐等浏览器

很多网站实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型的功能，特别是一些代码教程，JS特效站上更是长见。如何利用JS实现这种功能的呢，下面给出了具体的实现代码

首先建立HTML文件，具体代码如下

   无标题文档  <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title> <style type="text/css"> a:hover span{font-weight:bold;color:#F00} </style> </head> <body> <a href="#" rel="external nofollow" >鼠标移过来看看这个网址是否变颜色：<span>www.0133.cn</span></a> </body> </html>

页面中包含一个 textarea文本框和一个 button按钮，点击按钮时把文本框中内容另存为 code.html

下面是实现功能的JS代码

在IE下利用了JS的 execCommand 的功能而在chrome等现代浏览器下这个功能的没有 saveas 所以我们只能通过超链接标签的一些特性来实现保存功能了，代码中的文件名与扩展名都可以随意更改，如有问题你即时反馈我们

以上就是js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器原创的详细内容，更多请关注0133技术站其它相关文章！