規則性は入力コンテンツをどのように処理しますか?-jsチュートリアル-php.cn

規則性は入力コンテンツをどのように処理しますか?

php中世界最好的语言

リリース： 2018-03-30 11:33:34

オリジナル

1153 人が閲覧しました

今回は、通常のメソッドが入力コンテンツを処理する方法と、通常のメソッドが入力コンテンツを処理するときの notes について説明します。以下は実際的なケースです。一緒に見てみましょう。

この小さなスクリプトは、入力ボックスのコンテンツからタグ内の src のコンテンツを抽出し、元の位置にあるコンテンツを置き換えて、html タグ、スペース、その他の操作を削除します。入力内容で

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script>
    window.onload = function () {
      var target = document.getElementById("p1");
      var but = document.getElementById("but");
      var value;
      but.onclick = function () {
        value = target.innerHTML;
        result = dealText(value);
        alert(result);
      };
    };
    function dealText(msg) {
      var text1 = imageRound(msg);
      var text2 = removeTag(text1);
      var text3 = removeBlank(text2);
      var text4 = changeNBSP(text3);
      return text4;
    }
    function DealNum(num) {
      var content = [];
      for (var i = 0; i < num.length; i++) {
        //
        content.push(defaultSrc(num[i]));
      }
      return content;
    }
    function defaultSrc(src) {
      return &#39;:avator:&#39;;
    }
    function returnValue(srcValue) {
      var num = [];
      var pattern = /([^\/]+)\./;
      var src;
      for (var i = 0; i < srcValue.length; i++) {
        src = pattern.exec(srcValue[i])[1];
        num.push(src);
      }
//      alert(num);
      var source = DealNum(num);
      return source;
    }
    function imageRound(text) {
      var reg2 = /<img.*?\>/gi;
      var s = text.match(reg2);
      var num = returnValue(s);
      var i = 0;
      var content = text.replace(reg2, function () {
        return num[i++];
      });
      return content;
    }
    function removeTag(text) {
      var text1;
      var reg = /<.*?>|<.*?\/>/g;
      text1 = text.replace(reg, "");
      return text1;
    }
    function removeBlank(text) {
      var text1;
      var reg = /\s+/g;
      text1 = text.replace(reg, "");
      return text1;
    }
    function changeNBSP(text) {
      var text1;
      var reg = /&nbsp/g;
      var reg1 = /\;/g;
      text1 = text.replace(reg, ' ');
      text1 = text1.replace(reg1, "");
      return text1;
    }
  </script>
</head>
<body>
<p contenteditable="true" id="p1">abc&nbspefg&nbsp<img src="asdjk/123.jpg"/><span>hi&nbspgk</span><img
    src="ahdkh/124.jpg"/>
  <p>lmnop</p>
  q rst uvw
</p>
<button id="but">更新</button>
</body>
</html>

ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

数字を4桁ごとにスペースで区切るjsでの通常の実装

JSで通常の正規表現を使用して文字列内の複数のスペースを1つのスペースに置き換える方法

以上が規則性は入力コンテンツをどのように処理しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。