نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html ؛ charset = utf-8" />
<title> تمييز الكلمة الرئيسية </title>
</head>
<body>
<div id = "textbox">
<p> Baidu (NASDAQ BIDU) هو أكبر محرك بحث صيني في العالم.
<p> طريقة اكتساب المعلومات. نشأت كلمة "Baidu" من كلمات "Qingyu Case · Yuanxi" من تأليف شين تشيجي ، شاعر سلالة سونغ في الصين ، "يبحث عنه آلاف الأميال من الحشد" ، يرمز إلى السعي المستمر لبيدو لتكنولوجيا المعلومات الصينية . </p>
</div>
<script>
تمييز الوظيفة (idval ، الكلمة الرئيسية) {
var textbox = document.getElementById (idval) ؛
إذا ("" == كلمة رئيسية) إرجاع ؛
// احصل على كل محتوى النص
var temp = textbox.innerhtml ؛
console.log (temp) ؛
var htmlreg = new regexp ("/<.*؟/>" ، "i") ؛
var arr = new array () ؛
// استبدل علامة HTML
لـ (var i = 0 ؛ true ؛ i ++) {
// تطابق علامة HTML
var tag = htmlreg.exec (temp) ؛
إذا (علامة) {
arr [i] = tag ؛
} آخر {
استراحة؛
}
temp = temp.replace (tag ، "{[(" + i + ")]}") ؛
}
// الحديث عن تقسيم الكلمات الرئيسية ودمجها في المصفوفات
الكلمات = decodeUricomponent (الكلمة الأساسية. الإصلاح (// ،/g ، '')). split (// s+/) ؛
// استبدال الكلمة الرئيسية
لـ (w = 0 ؛ w <words.length ؛ w ++) {
// الكلمات الرئيسية مطابقة والاحتفاظ بأحرف خاصة يمكن أن تظهر في الكلمات الرئيسية
var r = new regexp ("(" + words [w] .replace (/budap (({) "،" IG ") ؛
temp = temp.replace (r ، "<b style = 'color: red ؛'> $ 1 </b>") ؛
}
// استعادة علامات HTML
لـ (var i = 0 ؛ i <arr.length ؛ i ++) {
temp = temp.replace ("{[(" + i + ")]}" ، arr [i]) ؛
}
textbox.innerhtml = temp ؛
}
تسليط الضوء ("TextBox" ، "Baidu ، Robin Li") ؛
</script>
</body>
</html>