国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

HTML - HTML中使用JS下載文本文件

這篇具有很好參考價值的文章主要介紹了HTML - HTML中使用JS下載文本文件。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

HTML - HTML中使用JS下載文本文件

如果只希望將一些文本以文件形式保存到本地,則可以使用a標簽

方法一:使用href屬性

<a href="data:text/plain;charset=utf-8,要保存文件的文本" download="文本.txt">點我下載</a>

點我下載

拓展:字符串形式的DOM:

div = document.querySelector("div");
str = div.innerHTML

方法二:使用Blog文件流

方法一中若要下載的文本中有引號,則轉義起來比較麻煩。因此可以使用文件流來進行下載:

<a id="ToDownload">點我下載</a>
<script>
    function set1download(a, fileName, fileStream) {
        const blob = new Blob([fileStream], {type: 'application/text'});
        const href = window.URL.createObjectURL(blob);
        a.href = href;
        a.download = decodeURI(fileName);
        // window.URL.revokeObjectURL(href);
    }
    set1download(
        document.querySelector("#ToDownload"),
        '文本文件下載測試.txt',
        '要下載的內(nèi)容,引號測試"6"666'
    );
</script>

點我下載

在CSDN中可能因為無法執(zhí)行JS等原因看不到效果,具體效果可以前往我的Blog查看。

原創(chuàng)不易,轉載請附上原文鏈接哦~
Tisfy:https://letmefly.blog.csdn.net/article/details/131572006文章來源地址http://www.zghlxwxcb.cn/news/detail-539967.html

到了這里,關于HTML - HTML中使用JS下載文本文件的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內(nèi)容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • 【實用技巧】將本地csv文件導入到hive中

    step1:在hive中創(chuàng)建表test01,并使用命令\\\"show create table 表名\\\",得到該表存放的hdfs文件路徑(數(shù)據(jù)入庫時需要用到) step2:使用vim創(chuàng)建文件a.csv,并存入數(shù)據(jù)。例如: step3:進入HDFS下的hadoop下的bin目錄,并將a.csv文件放在該目錄下 step4:執(zhí)行命令 命令格式:./hdfs dfs -put? 數(shù)據(jù)存放

    2024年02月12日
    瀏覽(20)
  • 內(nèi)外網(wǎng)文件交換系統(tǒng)實用技巧揭秘:安全、效率、便捷一個不少

    內(nèi)外網(wǎng)文件交換系統(tǒng)實用技巧揭秘:安全、效率、便捷一個不少

    內(nèi)外網(wǎng)文件交換系統(tǒng)是一種專門設計用于在企業(yè)內(nèi)部網(wǎng)絡(內(nèi)網(wǎng))與外部網(wǎng)絡(外網(wǎng))之間安全傳輸文件的技術解決方案。在企業(yè)環(huán)境中,出于安全考慮,內(nèi)部網(wǎng)絡通常與外部網(wǎng)絡隔離,以防止未經(jīng)授權的訪問和潛在的網(wǎng)絡攻擊。然而,這種隔離也意味著內(nèi)部網(wǎng)絡中的員工和

    2024年02月02日
    瀏覽(22)
  • 【實用技巧】用Vue.js實現(xiàn)智能家居控制系統(tǒng)的前端交互,提高系統(tǒng)的穩(wěn)定性

    作者:禪與計算機程序設計藝術 【實用技巧】用Vue.js實現(xiàn)智能家居控制系統(tǒng)的前端交互,提高系統(tǒng)的穩(wěn)定性 1.1. 背景介紹 隨著科技的快速發(fā)展,智能家居系統(tǒng)越來越受到人們的青睞。智能家居系統(tǒng)不僅能夠提高人們的生活質量,還能節(jié)約能源、降低家庭開支。然而,智能家

    2024年02月15日
    瀏覽(98)
  • WIFI免費無線上網(wǎng)使用實用技巧四則

    WIFI無線上網(wǎng)已經(jīng)成為了眾多網(wǎng)友的上網(wǎng)方式,但是如果你經(jīng)常闖南走北,WIFI上網(wǎng)似乎利用的少之又少,因此許多人選擇了3G無線上網(wǎng),但3G的速度和價格實在不太給力,還是找到免費的WIFI比較靠譜,速度快還無限流量,重要的是不花一個銀子就可以暢游網(wǎng)絡,下面就和大家分

    2024年02月05日
    瀏覽(20)
  • 手機隱藏的實用技巧,很少有人會使用

    手機隱藏的實用技巧,很少有人會使用

    技巧一:快捷手勢快速錄屏。 操作步驟: “設置”——“輔助功能”——“快捷啟動及手勢”——“錄屏”——開啟功能,隨后使用雙指關節(jié)雙擊即可啟動或停止錄屏。 技巧二:智能家居 以往的手機可連接空調(diào)、電視機盒等設備作為遙控使用,現(xiàn)在居然連冰箱、破壁機和按

    2024年02月08日
    瀏覽(19)
  • linux實用技巧:ubuntu18.04安裝samba服務器實現(xiàn)局域網(wǎng)文件共享

    linux實用技巧:ubuntu18.04安裝samba服務器實現(xiàn)局域網(wǎng)文件共享

    主要是這一句 原文鏈接:https://blog.csdn.net/u010037542/article/details/108579650 Samba是在Linux和UNIX系統(tǒng)上實現(xiàn)SMB協(xié)議的一個免費軟件,由服務器及客戶端程序構成。SMB(Server Messages Block,信息服務塊)是一種在局域網(wǎng)上共享文件和打印機的一種通信協(xié)議,它為局域網(wǎng)內(nèi)的不同計算機之

    2024年01月25日
    瀏覽(31)
  • 爬蟲IP時效問題:優(yōu)化爬蟲IP使用效果實用技巧

    爬蟲IP時效問題:優(yōu)化爬蟲IP使用效果實用技巧

    作為一名專業(yè)的爬蟲程序員,我們經(jīng)常遇到的一個棘手問題那就是爬蟲IP的時效性。由于網(wǎng)站的反爬蟲機制不斷升級,很多爬蟲IP的可用時間越來越短,導致我們的爬蟲任務頻繁中斷。今天,我將和大家分享一些優(yōu)化爬蟲IP使用效果的實用技巧,希望能幫助大家解決這個問題。

    2024年02月12日
    瀏覽(18)
  • 【實用技巧】更改ArduinoIDE默認庫文件位置,解放系統(tǒng)盤,將Arduino15中的庫文件移動到其他磁盤

    【實用技巧】更改ArduinoIDE默認庫文件位置,解放系統(tǒng)盤,將Arduino15中的庫文件移動到其他磁盤

    本文主要介紹更改Arduino IDE (含2.0以上版本)默認庫文件位置的方法。 ?原創(chuàng)文章,轉載請注明出處: 【實用技巧】更改ArduinoIDE默認庫文件位置,解放C盤,將Arduino15中的庫文件移動到其他磁盤-CSDN博客 文章瀏覽閱讀185次。本文主要介紹更改Arduino IDE (含2.0以上版本)默認庫

    2024年02月03日
    瀏覽(21)
  • 記錄--10個超級實用的Set、Map使用技巧

    記錄--10個超級實用的Set、Map使用技巧

    Set是一種類似于數(shù)組的數(shù)據(jù)結構,但是它的值是唯一的,即Set中的每個值只會出現(xiàn)一次。Set對象的實例可以用于存儲任何類型的唯一值,從而使它們非常適用于去重。 Map是一種鍵值對集合,其中每個鍵都是唯一的,可以是任何類型,而值則可以是任何類型。Map對象的實例可以

    2024年02月05日
    瀏覽(22)
  • 10 個冷門但又非常實用的 Docker 使用技巧

    10 個冷門但又非常實用的 Docker 使用技巧

    jwilder/nginx-proxy????????????????Automated?Nginx?reverse?proxy?for?docker?con…???1846????????????????????????????????????[OK] richarvey/nginx-php-fpm????????????Container?running?Nginx?+?PHP-FPM?capable?of…???780???????????????????????????????

    2024年04月23日
    瀏覽(71)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包