小編給大家分享一下js如何實現(xiàn)保存文本框內(nèi)容為本地文件兼容IE,chrome,火狐瀏覽器，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！
創(chuàng)新互聯(lián)專注于羅湖網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供羅湖營銷型網(wǎng)站建設(shè)，羅湖網(wǎng)站制作、羅湖網(wǎng)頁設(shè)計、羅湖網(wǎng)站官網(wǎng)定制、重慶小程序開發(fā)服務(wù)，打造羅湖網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供羅湖網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
很多網(wǎng)站實現(xiàn)了利用JS保存頁面中文本框內(nèi)容到本地，并另存為指定文件擴展名與編碼類型的功能，特別是一些代碼教程，JS特效站上更是長見。如何利用JS實現(xiàn)這種功能的呢，下面給出了具體的實現(xiàn)代碼
首先建立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" >鼠標移過來看看這個網(wǎng)址是否變顏色：<span>www.jb51.net</span></a>
</body>
</html>
另存為
頁面中包含一個 textarea文本框和一個 button按鈕，點擊按鈕時把文本框中內(nèi)容另存為 code.html
下面是實現(xiàn)功能的JS代碼
function doSave(obj) {
obj=document.getElementById('obj');
if (isIE()){//IE瀏覽器保存文本框內(nèi)容
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,火狐等現(xiàn)代瀏覽器保存文本框內(nèi)容
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;
}
看完了這篇文章，相信你對“js如何實現(xiàn)保存文本框內(nèi)容為本地文件兼容IE,chrome,火狐瀏覽器”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！
當前題目：js如何實現(xiàn)保存文本框內(nèi)容為本地文件兼容IE,chrome,火狐瀏覽器
網(wǎng)站URL：
http://weahome.cn/article/pjodpe.html
重慶分公司
重慶分公司
