整合營銷服務商

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

          免費咨詢熱線:

          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));

          運行效果:


          主站蜘蛛池模板: 国产视频一区在线观看| 国产精品视频一区国模私拍 | 少妇特黄A一区二区三区| 中日韩一区二区三区| 亚洲国产一区二区三区青草影视| 亚洲日韩精品一区二区三区无码 | 亚洲一区二区三区香蕉| 真实国产乱子伦精品一区二区三区| 波多野结衣一区二区| 国产综合无码一区二区三区| 97久久精品午夜一区二区| 黄桃AV无码免费一区二区三区| 国产日韩AV免费无码一区二区| 亚欧色一区W666天堂| 真实国产乱子伦精品一区二区三区 | 欧洲精品码一区二区三区| 精品亚洲综合在线第一区| 亚洲欧美日韩国产精品一区| 国产综合一区二区| 蜜芽亚洲av无码一区二区三区| 91精品一区二区综合在线| 国产人妖视频一区二区| 亚洲综合一区国产精品| 久久99精品免费一区二区| 无码人妻精品一区二区蜜桃百度| 乱色精品无码一区二区国产盗| 亚洲一区二区三区香蕉| 欧美日韩国产免费一区二区三区 | 国产精品一区二区不卡| 少妇人妻偷人精品一区二区| 在线播放一区二区| 一区二区视频免费观看| 文中字幕一区二区三区视频播放| 色综合视频一区二区三区44| 久久99国产精品一区二区| 在线视频一区二区三区四区| 亚洲国产精品第一区二区| 国产精品主播一区二区| 欧洲精品码一区二区三区| 亚洲国产日韩在线一区| 亚洲夜夜欢A∨一区二区三区|