JavaScript 实现网页划词标记与搜索功能

作者:异步漫步时间:2026-10-24 08:10:38浏览:623

本文介绍如何使用 JavaScript 实现网页文本的划词标记与搜索功能。通过简单的代码嵌入,用户可以在页面中选中文字进行高亮显示,并支持对已标记文本的搜索操作。代码包含运行、复制及保存按钮,便于开发者直接测试和应用。

划词标记功能实现

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>javascript实现划词标记划词搜索功能 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body>  <INPUT type="button" onclick="isallow()" value="关闭/打开划词功能"> <p>本站是一个专业的收集各类脚本学习资料的网站,尽量修正错误打造精品脚本类学习网站,我们为大家游戏脚本资源,源码,软件,asp,php,javascript等编程资料,是网页制作,网络编程,网站建设人士的聚集场所。</p> </body> </html> 

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


在页面中加上这串代码就行了,同时还有搜索功能。

作者最新文章