整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Javascript - 3種 HTML 轉換為純文本的方法

          幾天,我手里的一個項目需要將富文本的所有 html 標簽全部刪除,得到純文本后再存儲到數據庫中。在一系列得搜索操作之后,我找到了實現這個目的的幾種方法,在這里我分享給大家,當你遇到同樣的情況興許也能用的上。

          1. 使用 .replace(/<[^>]*>/g, '')

          這個方法是從文本中去除 html 標簽最簡單的方法。它使用字符串的方法 .replace(待替換的字符串,替換后的字符串) 將 HTML 標簽替換成空值。 /g 是表示替換字符串所有匹配的值,即字符串中所有符合條件的字符都將被替換。

          這個方法的缺點是有些 HTML 標簽不能被剔除,不過它依然很好用。

          2. 創建臨時DOM元素并獲取其中的文本

          這種方法是完成該問題的最有效的方法。創建一個臨時 DOM 并給他賦值,然后我們使用 DOM 對象方法提取文本。

          3. 使用 html-to-text npm 包

          html-to-text 這個包的功能很全了,轉換也有許多的選項比如:wordwrap, tags, whitespaceCharacters , formatters 等等。

          安裝:

          npm install html-to-text

          使用:

          最后感謝閱讀,如果此文對您有幫助,請點贊或添加關注。

          avaScript 程序不能獨立運行,它需要被嵌入 HTML 中,然后瀏覽器才能執行 JavaScript 代碼。通過 <script> 標簽將 JavaScript 代碼引入到 HTML 中,有兩種方式:
          1.內部方式
          內部方式是通過<script>標簽包裹JavaScript代碼,從而引入HTML頁面中,示例代碼如下:

          <!DOCTYPE html>
           <html>
           <head>
             <meta charset="UTF-8">
             <title>JavaScript 基礎 - 引入方式</title>
           </head>
           <body>
             <!-- 內聯形式:通過 script 標簽包裹 JavaScript 代碼 -->
             <script>
               alert('嗨,歡迎來傳智播學習前端技術!')
             </script>
           </body>
           </html>

          2.外部形式

          一般將 JavaScript 代碼寫在獨立的以 .js 結尾的文件中,然后通過 <script>標簽的 <src>屬性引入,示例代碼如下:

          // demo.js
          document.write('嗨,歡迎來傳智播學習前端技術!')
          <!DOCTYPE html>
           <html>
           <head>
             <meta charset="UTF-8">
             <title>JavaScript 基礎 - 引入方式</title>
           </head>
           <body>
             <!-- 外部形式:通過 script 的 src 屬性引入獨立的 .js 文件 -->
             <script src="demo.js"></script>
           </body>
           </html>

          注意:如果 script 標簽使用 src 屬性引入了某 .js 文件,那么 標簽的代碼會被忽略!!!如下代碼所示:

          avaScript中,類型轉換只有三種:

          1. 轉換成數字
          2. 轉換成布爾值
          3. 轉換成字符串

          經典類型面試題

          console.log([]==![]); // true
          

          代碼分析

          1. 左側是一個對象(數組)
          2. 右側是一個布爾值,對象[]轉換成布爾值true,因為除了null所有對象都轉換成布爾值,所以![]結果為false
          3. 此時相當于對象==布爾值,依據類型轉換規則,轉換成數字類型進行比較
          4. 對象(空數組)轉換成0,布爾值false轉換成0
          5. 0==0,返回true

          類型轉換規則,如下圖:

          如若轉載,請注明出處:開源字節 https://sourcebyte.cn/article/128.html


          主站蜘蛛池模板: 无码人妻品一区二区三区精99| 亚洲AV无码一区二区二三区入口| 无码日韩精品一区二区免费| 国产精品揄拍一区二区久久| 伊人无码精品久久一区二区| 乱码人妻一区二区三区| 韩国精品一区视频在线播放| 濑亚美莉在线视频一区| 国产伦精品一区二区三区视频猫咪 | 日韩免费无码一区二区三区| 亚洲国产成人久久综合一区| 午夜DV内射一区区| 韩日午夜在线资源一区二区| 人妻无码第一区二区三区| 欧美av色香蕉一区二区蜜桃小说 | 中文字幕日本精品一区二区三区| 国产AV午夜精品一区二区入口| 亚洲综合色一区二区三区 | 国产在线无码视频一区二区三区| 91香蕉福利一区二区三区| 国产成人av一区二区三区不卡| 亚洲一区AV无码少妇电影☆| 亚洲欧洲日韩国产一区二区三区| 538国产精品一区二区在线| 91在线看片一区国产| 日本在线观看一区二区三区| 人妻体体内射精一区二区| 一区二区三区在线看| 亚洲伦理一区二区| 日本精品一区二区三区在线视频| 久久亚洲一区二区| 一区二区不卡视频在线观看| 日韩中文字幕精品免费一区| 久久久久久一区国产精品| 亚洲AV无码国产精品永久一区 | 99在线精品一区二区三区| 国产在线观看一区精品| 精品免费国产一区二区三区| 日本伊人精品一区二区三区| 中文字幕一区精品| 麻豆一区二区三区蜜桃免费|