การคัดลอกรหัสมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<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 = "กล่องข้อความ">
<p> Baidu (Nasdaq Bidu) เป็นเครื่องมือค้นหาจีนที่ใหญ่ที่สุดในโลก
<p> วิธีการเก็บข้อมูล คำว่า "Baidu" มีต้นกำเนิดมาจากเนื้อเพลงของ "Case Qingyu · Yuanxi" โดย Xin Qiji กวีของราชวงศ์ซ่งในประเทศจีน "มองหาเขาหลายพันไมล์จากฝูงชน" เป็นสัญลักษณ์ . </p>
</div>
<script>
ฟังก์ชั่นไฮไลต์ (idval, คำหลัก) {
var textbox = document.getElementById (idval);
if ("" == คำหลัก) ส่งคืน;
// รับเนื้อหาข้อความทั้งหมด
var temp = textbox.innerhtml;
console.log (อุณหภูมิ);
var htmlreg = new regexp ("/<.*?/>", "i");
var arr = new Array ();
// แทนที่แท็ก HTML
สำหรับ (var i = 0; true; i ++) {
// จับคู่แท็ก html
var tag = htmlreg.exec (temp);
ถ้า (แท็ก) {
arr [i] = แท็ก;
} อื่น {
หยุดพัก;
-
temp = temp.replace (แท็ก, "{[(" + i + ")]}");
-
// พูดถึงการแยกคำหลักและรวมเข้ากับอาร์เรย์
Words = decodeuricomponent (keyword.replace (//,/g, '')). แยก (// s+/);
// แทนที่คำหลัก
สำหรับ (w = 0; w <words.length; w ++) {
// จับคู่คำหลักและเก็บอักขระพิเศษที่สามารถปรากฏในคำหลัก
var r = new regexp ("(" + คำ [w]. แทนที่ (/[() {}.+*?^$ | /// [/]]/g, "// $ &") + ") "," IG ");
temp = temp.replace (r, "<b style = 'สี: สีแดง;'> $ 1 </b>");
-
// คืนค่าแท็ก HTML
สำหรับ (var i = 0; i <arr.length; i ++) {
temp = temp.replace ("{[(" + i + ")]}", arr [i]);
-
textbox.innerhtml = temp;
-
ไฮไลต์ ("กล่องข้อความ", "Baidu, Robin Li");
</script>
</body>
</html>