조금 더 찾아볼걸 그랬습니다.
https://github.com/e-motiv/hilitor
라는 것이 있었네요.

https://github.com/gnuboard/gnuboard5/blob/a58bc5d2fbee38a1219f62a646f8e7fae4908f81/lib/common.lib.php#L481-L514

그누보드에서는 이런 식으로 합니다. ㅎㅎㅎ

@지운아빠 이 경우는 검색한 페이지에서 검색어를 하이라이트해주는 것이군요.
저는 웹페이지 자체에서 페이지 넘김 없이 하이라이팅이 필요해서요.

@무와보 아하 인풋이랑 컨펌에 꽂혀서 엉뚱한 걸 들이밀었네요. ㅎㅎㅎ 민망송구하옵니다.

<input id=myInput>
<button onclick=searchMode() style=cursor:pointer>검색하기</button>
<button onclick=startMode() style=cursor:pointer>처음으로</button>
<span id=mySpan></span>
<div id=myDiv>
1회 1930년 우루과이<br>
2회 1934년 이탈리아<br>
3회 1938년 이탈리아<br>
4회 1950년 우루과이<br>
5회 1954년 독일<br>
6회 1958년 브라질<br>
7회 1962년 브라질<br>
8회 1966년 잉글랜드<br>
9회 1970년 브라질<br>
10회 1974년 독일<br>
11회 1978년 아르헨티나<br>
12회 1982년 이탈리아<br>
13회 1986년 아르헨티나 <br>
14회 1990년 독일<br>
15회 1994년 브라질<br>
16회 1998년 프랑스<br>
17회 2002년 브라질<br>
18회 2006년 이탈리아<br>
19회 2010년 스페인<br>
20회 2014년 독일<br>
21회 2018년 프랑스<br>
</div>
<script>
startData = myDiv.innerHTML;
function searchMode() {
if (myInput.value.trim() != "") {
myDiv.innerHTML = startData.split(myInput.value.trim()).join("<strong style=color:red;background-color:yellow>*" + myInput.value.trim() + "*</strong>");
mySpan.innerHTML = "<strong style=color:red>" + (startData.split(myInput.value.trim()).length - 1) + "</strong>개 검색";
}
}
function startMode() {
myDiv.innerHTML = startData;
mySpan.innerHTML = myInput.value = '';
}
</script>

-----

이건 https://sir.kr/g5_plugin/9193 를 만들 때 사용한 소스에요.
제가 정규식은 먹빡이라서 배열에서 split().join() 으로 짜 본 것입니다.

<div id=myDiv> 안으로만 넣어주면 그럭저럭 가닥이 나오더라구요.

만일 소스에 자바스크립트가 들어가 있으면 전체 문자열을 로컬스토리지나 세션스토리지에 담은 후 전체 페이지 소스를 split().join() 한 다음에 버튼 클릭시 전체페이지를 document.write() 로 처리해 주면 될 꺼에요. 그때는 스토리지를 삭제하는 소스도 보태야 하구요.

@비타주리 안그래도 플러그인에서 보았습니다. 그래서 공부를 시작하게 되었습니다. :)

<script>
startData = myDiv.innerHTML;
function searchMode() {
if (myInput.value.trim() != "") {
myDiv.innerHTML = startData.split(myInput.value.trim()).join("<strong style=color:red;background-color:yellow>*" + myInput.value.trim() + "*</strong>");
mySpan.innerHTML = "<strong style=color:red>" + (startData.split(myInput.value.trim()).length - 1) + "</strong>개 검색";
}
}
function startMode() {
myDiv.innerHTML = startData;
mySpan.innerHTML = myInput.value = '';
}
</script>

@범블비범블비 어려워서 깃헙 코드로 대체하였습니다 ㅎㅎ

그냥 파이어폭스에서 ctrl+F 하면 검색된 검색어 모두 색깔칠해줍니다.

@비펫3 콘트롤+F는 파폭뿐 아니라 모든 브라우저는 물론 대부분의 프로그램에서 적용되는 단축어입니다. 저는 여러가지 용도로 여러 단어를 함께 검색할 때 이용하기 위해 스크립트가 필요하구요.

와~ 많은 분들이 올려주신 팁 들을 낼름... 했네요.
가만히 앉아서 섭취했네요. 다들 감사합니다~