整合營銷服務商

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

          免費咨詢熱線:

          CSS3 punctuation-trim 屬性

          CSS3 punctuation-trim 屬性

          在p元素在每一行的開頭放置開頭標點符號:

          p

          {

          punctuation-trim:start;

          }


          瀏覽器支持

          任何主流瀏覽器都不支持punctuation-trim屬性。


          屬性定義及使用說明

          punctuation-trim屬性指定是否應修飾,當它出現在一條線,或相鄰的另一個全形標點符號字符開頭或結束標點字符。

          默認值:none
          繼承:yes
          版本:CSS3
          JavaScript 語法:object.style.punctuationTrim="start"

          語法

          punctuation-trim: none|start|end|allow-end|adjacent;

          說明
          none請勿修剪打開或關閉標點符號
          start在每一行的開頭放置開頭標點符號
          end在每一行的末尾修剪結束標點符號
          allow-end如果另有不適合之前的理由,修剪每行末尾的結束標點符號。
          adjacent若以前相鄰字符修剪開口punctuation是一個全形開口,中間或結束標點符號,或表意文字空間。修剪結束標點符號,如果下一個相鄰的字符是一個全形關閉或中間punctuation,或表意文字空間

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!

          、簡介

          trim()方法是JavaScript字符串對象的一個方法,它用于去除字符串兩端的空格(包括制表符、換行符等空白符),并返回處理后的新字符串。當我們需要對字符串進行處理時,這個方法可以很方便地幫助我們去掉多余的空格,使字符串更加規范化、易于處理。

          二、語法

          string.trim()

          三、參數解釋

          該方法沒有參數。

          四、使用實例

          五、注意事項

          1、該方法不會改變原字符串,而是返回一個新的處理后的字符串。

          2、如果字符串中間存在空格,trim()方法不會去除,只會去除兩端的空格。

          3、該方法只能去除Unicode編碼中的空白符,不能去除其他特殊字符。

          六、常用在哪里

          1、表單驗證:當用戶輸入表單內容時,有時會存在多余的空格,使用trim()方法可以輕松去除這些空格,以免對后續處理造成影響。

          2、字符串處理:當我們需要對一些字符串進行處理,例如分割、替換、比較等操作時,使用trim()方法可以使字符串更加規范化,方便后續處理。

          3、文本編輯器:當我們在文本編輯器中編寫代碼或文檔時,有時會存在多余的空格,使用trim()方法可以快速去除這些空格,使文本更加規范化、清晰易讀。

          實現 HTML 壓縮,可以使用 JavaScript 中的正則表達式來去除 HTML 中的空格和注釋。以下是一個簡單的 HTML 壓縮函數:

          function compressHTML(html) {
            // 去除注釋
            html=html.replace(/<!--[\s\S]*?-->/g, "");
            // 去除多余空白
            html=html.replace(/\s+/g, " ");
            // 去除標簽之間空格
            html=html.replace(/>\s+</g, "><");
            return html.trim();
          }

          該函數首先使用正則表達式去除 HTML 中的注釋。然后,它使用另一個正則表達式去除 HTML 中的多余空格。最后,它使用另一個正則表達式去除標簽之間的空格。

          為了測試該函數,您可以創建一個 HTML 文件,并在其中添加一些冗余的空格和注釋。例如:

          <!DOCTYPE html>
          <html>
            <head>
              <title>My Website</title>
            </head>
            <body>
              <!-- This is a comment -->
              <h1> Welcome to my website! </h1>
              <p> This is some text. </p>
            </body>
          </html>

          然后,您可以在Node.JS中使用以下代碼將 HTML 文件加載為字符串并壓縮它:

          // 加載 HTML 文件
          const fs=require("fs");
          const html=fs.readFileSync("index.html", "utf8");
          // 壓縮 HTML
          const compressedHtml=compressHTML(html);
          console.log(compressedHtml);

          輸出是一個壓縮后的 HTML 字符串,其中不包含注釋或冗余空格。

          或者直接在IE中測試,代碼如下:

          function compressHTML(html) {
            // 去除注釋
            html=html.replace(/<!--[\s\S]*?-->/g, "");
            // 去除多余空白
            html=html.replace(/\s+/g, " ");
            // 去除標簽之間空格
            html=html.replace(/>\s+</g, "><");
            return html.trim();
          }
          var html=`
          <!DOCTYPE html>
          <html>
            <head>
              <title>My Website</title>
            </head>
            <body>
              <!-- This is a comment -->
              <h1> Welcome to my website! </h1>
              <p> This is some text. </p>
            </body>
          </html>
          `;
          console.log(compressHTML(html));

          運行效果:


          主站蜘蛛池模板: 色噜噜AV亚洲色一区二区| 在线观看亚洲一区二区| 国产精品久久久久一区二区| 国产精品无码一区二区三级| 久久精品国产一区二区三区| 欧美人妻一区黄a片| 伊人久久精品无码av一区| 日本一区二区三区在线看| 精品一区二区三区无码免费视频| 日韩精品人妻一区二区三区四区| 国产美女精品一区二区三区| 亚洲高清成人一区二区三区| 国模一区二区三区| 亚洲AV无码一区二区三区牛牛 | 久久久久国产一区二区三区| 国产一区二区草草影院| 无码精品一区二区三区在线| 久久免费视频一区| chinese国产一区二区| 免费一区二区无码视频在线播放| 国产一区二区三区小说| 亚洲综合av一区二区三区不卡| 大香伊人久久精品一区二区| 国产人妖视频一区二区| 亚洲一区二区三区国产精品| 无码国产精品一区二区免费16| 中文字幕日韩人妻不卡一区| 红桃AV一区二区三区在线无码AV| 寂寞一区在线观看| 曰韩人妻无码一区二区三区综合部| 国产一区二区在线|播放| 一区二区三区在线免费观看视频| 日本精品一区二区三区四区| 国产成人无码AV一区二区| 精彩视频一区二区三区| 91精品一区二区三区在线观看| 在线视频亚洲一区| 国产日韩视频一区| 无码人妻精品一区二区三区久久 | 精品人妻少妇一区二区三区不卡 | 韩国精品福利一区二区三区 |