首頁 > web前端 > js教程 > 主體

js怎麼替換html標籤

青灯夜游
發布: 2021-05-27 17:22:18
原創
4344 人瀏覽過

在js中,可以利用replace()函數來配合正規表示式「/<[^<>] >/g」來取代html標籤,語法格式「stringObject.replace(/< ;[^<>] >/g,'')」。 replace()可以取代一個與正規表示式相符的子字串。

js怎麼替換html標籤

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

js替換html標籤

      function  filter(text) {
            var reg = /<[^<>]+>/g;//1、全局匹配g肯定忘记写,2、<>标签中不能包含标签实现过滤HTML标签
            text = text.replace(reg, &#39;&#39;);//替换HTML标签
            return text;
        };
登入後複製

相關函數說明:

replace() 方法用於在字串中用一些字元替換另一些字符,或替換一個與正規表達式相符的子字串。

語法

stringObject.replace(regexp/substr,replacement)
登入後複製
參數#描述
regexp/substr

必需。規定子字串或要替換的模式的 RegExp 物件。

請注意,如果該值是一個字串,則將它作為要檢索的直接量文字模式,而不是先轉換為 RegExp 物件。

replacement#必要。一個字串值。規定了替換文字或產生替換文字的函數。

傳回值:

  • 一個新的字串,是用 replacement 取代了regexp 的第一次符合或所有符合之後得到的。

補充:在angularJS中使用過濾器過濾富文本資料

app.filter(&#39;qxhtml&#39;, function () {
        return function (text) {
            var reg = /<[^<>]+>/g;
            text = text.replace(reg, &#39;&#39;);
            text = text.replace(/ /ig, &#39;&#39;);
            if (text.length > 50) {
                text = text.substring(0, 50) + "...";
            }
            return text;
        };
    });
登入後複製

使用過濾器

<div class="desc">
     {{y.Description| qxhtml}}
</div>
登入後複製

更多編程相關知識,請造訪:程式設計影片! !

以上是js怎麼替換html標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!