JavaScript-Code zum Hervorheben von Text

Dieses Mal bringe ich Ihnen den JavaScript-Code, um Text hervorzuheben. Hier sind die praktischen Beispiele . Es gibt viele

JQuery

-Bibliotheken von Drittanbietern, die die Funktion des Hervorhebens von Text realisieren können, aber ich bevorzuge die Verwendung des folgenden kleinen Teils JavaScript-Codes, um dies zu erreichen Funktion Es ist sehr kurz und kann flexibel an meine Bedürfnisse angepasst werden, und ich kann den Hervorhebungsstil selbst definieren. Die folgenden zwei Funktionen können Ihnen dabei helfen, Ihr eigenes Texthervorhebungs-Plug-in zu erstellen.

Sie müssen auch die hervorgehobene Funktion abbrechen:

function highlight(text, words, tag) { 
  // Default tag if no tag is provided
  tag = tag || 'span'; 
  var i, len = words.length, re;  for (i = 0; i < len; i++) {    // Global regex to highlight all matches
    re = new RegExp(words[i], &#39;g&#39;);    if (re.test(text)) {
      text = text.replace(re, &#39;<&#39;+ tag +&#39; class="highlight">$&</&#39;+ tag +&#39;>&#39;);
    }
  } 
  return text;
}

Verwendung:

function unhighlight(text, tag) {  // Default tag if no tag is provided
  tag = tag || &#39;span&#39;;  var re = new RegExp(&#39;(<&#39;+ tag +&#39;.+?>|<\/&#39;+ tag +&#39;>)&#39;, &#39;g&#39;);  return text.replace(re, &#39;&#39;);
}

Ich glaube, Sie haben die Methode nach der Lektüre des Falls gemeistert Weitere spannende Inhalte in diesem Artikel finden Sie auf der chinesischen PHP-Website

$('p').html( highlight(
    $('p').html(), // the text
    ['foo', 'bar', 'baz', 'hello world'], // list of words or phrases to highlight
    'strong' // custom tag));

anderen

verwandten Artikeln! Empfohlene Lektüre:

JavaScript-Code-Snippet zur Bestimmung, ob ein Datum gültig ist

Detaillierte Erläuterung der Ereignisschleife des Knotens .js

Aufgabenwarteschlange des JavaScript-Ausführungsmechanismus

So verhindern Sie die automatische Übermittlung nach der Aktualisierung der Formularseite in Django

Das obige ist der detaillierte Inhalt vonJavaScript-Code zum Hervorheben von Text. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!