javascript - 有没有办法使用 javascript 或 jquery 为搜索关键字添加颜色

Question

网址是这样的:

http://www.example.com/index.php?main_page=advanced_search_result&keyword=Sons+of+Anarchy

上面的搜索关键词是Sons of Anarchy .现在，有没有办法在搜索结果页面上用js在搜索结果内容中为关键字添加颜色。谢谢。

ps:搜索输入框:<input type="text" class="keybg" id="keyword" name="keyword">

$sData['pfrom'] =    (isset($_GET['pfrom']) ? zen_output_string($_GET['pfrom']) : '');
  $sData['pto'] =      (isset($_GET['pto'])   ? zen_output_string($_GET['pto']) : '');

上面的方式就是给url加了一个参数。

http://www.example.com/index.php?main_page=advanced_search_result&keyword=Sons+of+Anarchy&pfrom=...pto=..

Answer 1

你可以这样做:

document.body.innerHTML = document.body.innerHTML.replace(/Anarchy/ig, '<mark>Anarchy</mark>');