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

chrome

103 浏览量更新于2023-10-19 评论 1 收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

原创原创

很多网站实现了利用JS保存页面中文本框内容到本地，并另存为指定文件扩展名与编码类型的功能，特别是一些代码教

程，JS特效站上更是长见。如何利用JS实现这种功能的呢，下面给出了具体的实现代码

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

<!doctype html>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<!DOCTYPE HTML>

<html>

<head>

a:hover span{font-weight:bold;color:#F00}

</style>

</head>

<body>

<a href="#" rel="external nofollow" >鼠标移过来看看这个网址是否变颜色：<span>www.jb51.net</span></a>

</body>

</html>

</textarea>

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

下面是实现功能的JS代码

function doSave(obj) {

obj=document.getElementById('obj');

if (isIE()){//IE浏览器保存文本框内容

var winname = window.open('', '_blank', 'top=10000');

winname.document.open('text/html', 'replace');

winname.document.writeln(obj.value);

winname.document.execCommand('saveas','','code.htm');

winname.close();}

else{

saveAs(obj,'code.html');

}

function saveAs(obj,filename){//chrome,火狐等现代浏览器保存文本框内容

var a=document.createElement('a');

a.setAttribute('href','data:text/html;gb2312,'+obj.value);

a.setAttribute('download',filename);

a.setAttribute('target','_blank');

a.style.display="none";

obj.parentNode.appendChild(a);

a.click();

}

function isIE()//判断浏览器类型

{

if(!!window.ActiveXObject || "ActiveXObject" in window)

return true;

else

return false;

}

</script>

在IE下利用了JS的 execCommand 的功能而在chrome等现代浏览器下这个功能的没有 saveas 所以我们只能通过超链接标签

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余1页未读，立即下载

weixin_38637878

粉丝: 3
资源: 926

会员权益专享

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

评论0

会员权益专享

最新资源

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

评论0

javascript 加入收藏、设为首页(IE,firefox兼容脚本之家版)

文件保存到指定位置（无弹窗）

读取input:file的路径并显示本地图片的方法

vs mfc如何保存文本框的内容

html点击按钮保存文本框内容

html 行号编辑框,显示行号的文本框效果，兼容ie、火狐等浏览器

html点击按钮调用php保存文本框内容

PyQt5判断文本框内容为空代码

js一键复制文本框内容

用C#编写一个Windows应用程序，界面包含有一个用于供用户输入内容的文本框，读出并显示1中文件的内容。用户可以对此文本框的内容进行修改或者添加，当用户点击“保存”按钮时，可以把此文本框的内容保存为一个文件。

文本框实现打开保存另存为

vb如何实现同时播放多个文本框内容？

input文本框内容随机

如何清除文本框内容实用js

python tkinter如何将本地文件内容传值到文本框中

文本框内容修改事件

java发送并清除文本框内容

html文本框显示txt文件

vb怎样编程实现同时播放多个文本框内容

Python+tkinter(将窗口输入文本框的内容保存到已有的TXT)

会员权益专享

最新资源

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