Heim > Web-Frontend > js-Tutorial > JavaScript-Code zum Hervorheben von Text

JavaScript-Code zum Hervorheben von Text

php中世界最好的语言
Freigeben: 2018-03-16 16:17:07
Original
2322 Leute haben es durchsucht

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;
}
Nach dem Login kopieren

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;);
}
Nach dem Login kopieren

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
$(&#39;p&#39;).html( highlight(
    $(&#39;p&#39;).html(), // the text
    [&#39;foo&#39;, &#39;bar&#39;, &#39;baz&#39;, &#39;hello world&#39;], // list of words or phrases to highlight
    &#39;strong&#39; // custom tag));
Nach dem Login kopieren
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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage