JS实现整个页面的文本搜索定位 50C

JS实现整个页面的文本搜索定位。可以点击搜索的时候会自动匹配下一个。类似浏览器的Ctrl+F的功能

0

4个回答

这东西...写起来有点麻烦呀,有没有具体想应用的地方呢?可以参考一下这个东西。http://www.lanrenzhijia.com/demos/34/3493/demo/

1

现货区整个页面的内容,保存到一个变量,然后有indexof匹配看下有没有相等的!

0
 通过锚点的方式可以实现
0

这个锚点应该相对来说好实现一点

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
JQuery实现一个页面内搜索定位功能
 因为前端设计页面需要实现一个页面内搜索实现“Search Suggestion”效果的功能。本功能不适用于检索数据集过大的检索,仅仅是页面内数据list的本地检索功能。   实现思路是通过JQuery的循环遍历各个div节点,对关键字匹配成功之后对div展示,否则对div隐藏。   一、需要HTML渲染出所有的搜索节点 HTML代码如下: <div class="input-...
jq 搜索页面内容定位
<span style="display:table-column-group;">简介.历史沿革.古代史</span> $(function() { //查询结果内容在页面定位 $('body,html').animate({scrollTop: $("span:contains('简介.历史沿革.古代史')").offset().top-200+"px"},...
webdriver搜索页面指定文本(支持正则表达式)
webdriver搜索页面指定文本(支持正则表达式) 废话不多说,直接贴代码,java基础不好的就查查API public static boolean searchText(WebDriver web, String text) { Pattern pattern = null; try { pattern = Pattern.compile(text); } catch (PatternS...
js实现页面内检索
js实现页面内检索 核心思路: 1、隐藏所有元素 2、显示包含检索条件文本的元素 js代码: //按城市检索 $("#btn_search").click(function(){ var txt=$("#city").val(); if($.trim(txt)!=""){ //所有的省份隐藏,并显示包含检索内容的省份模块显示
页面内搜索关键字符高亮并定位
页内搜索并高亮定位网上有很多代码的例子,都是一样的,主要是用js实现的,下载下来之后,在页顶部若有多余字符第二次定位搜索会出现"{searchHL}",但楼主是用C#,顶部有声明信息,于是修改了下代码,还好解决了这个问题,上传记录一下,也供有需要的人使用。
JS实现页面快速定位
今天在分享一个非常小但是很实用的js效果:页面快速定位实现效果:点击页面按钮,即可跳转到指定位置话不多少,贴代码:<div class="button"><a href="#aaa">我是一个跳转按钮</a></div>跳转指定位置标签<div class="div1" id="aaa">
js在页面搜索定位某一元素的位置
JavaScript 定位
JS如何实现在页面上快速定位(锚点跳转问题)
本文介绍了JS如何实现在页面上快速定位(锚点跳转问题),分享给大家,具体如下:1. 锚点跳转简介锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。锚点跳转有两种形式:a标签 + name / href 属性使用标签的id属性在html 4.0以前,只有使用 <a> 标签的 name 属性才能创建片段标识符。id 属性的出现,使所有 HTML 或 XHTML 元素都...
JS 监听整个页面的回车事件
<script type="text/javascript"> document.onkeydown=keyDownSearch; function keyDownSearch(e) { // 兼容FF和IE和Opera var theEvent = e || window.event; var co
JavaScript查找文本并突出显示
一件查找网页中的关键字在哪些地方有,或者说类似编辑软件的查找替换功能怎么实现。 highLight .highLight{ background: red; } 输入搜索词: 搜索 //定义点击事件 document.getElementById("search").onclick=function(){ // 获取关键词
js搜索文本内容
function search(){ var val = document.getElementById('val').value; var html = document.getElementById('html').innerHTML; //清除上次搜索 html = html.replaceAll('<font style="background-color:yellow;">',''
js选中页面中内容
function SelectText(element) { var text = document.getElementById(element); if ($.browser.msie) { var range = document.body.createTextRange(); range.moveToElementText(text); range.se
C#实现百度地图附近搜索&调用JavaScript函数
前一篇文章“C#调用百度地图API入门&解决BMap未定义问题”讲述了如何通过C#调用百度API显示地图,并且如何解决BMap未定义的问题。这篇文章主要更加详细的介绍百度地图的一些功能,包括附近搜索、城市搜索、路线规划、添加覆盖物等等。目录: 一. C#显示百度地图 二. C#调用JavaScript中函数 三. C#显示百度地图附近搜索路线推荐 四. JavaScript百度地图代码详解 希望文章对你有所帮助!如果文章中有不足之处,还请海涵~
通过关键字定位页面内容,类似于ctrl+f查找功能
这个功能,做的时候,想了很多种办法。     一种是,页面查询的时候,传入要查询的值,调用jQuery的方法,找到后,替换查到的值,加样式。这种方法的弊端就是如果你在属性里面有要搜索的信息,就会替换属性里面的内容,导致内容不准确。如&amp;lt;input sx=&quot;xx&quot;/&amp;gt;&amp;lt;label&amp;gt;xx&amp;lt;/label&amp;gt;这个时候,你只想替换&amp;lt;label&amp;gt;标签里面的内容,不...
城市选择页搜索逻辑实现
search页面。首先写一个div放搜索的结果。然后把搜索框和索索列表进行绑定同时需要从City.vue里传送数据然后在Search.vue里接收这个变量搜索结果就被存放在list数组里面了,然后进行循环下面给代码做一个优化,同时加上background:#eee如果搜索结果页的条例特别多,不能滚动,就要引入better-scroll第一步引入第二步mounted函数,传入参数第三步   moun...
js实现鼠标点击获取相对于整个页面的位置
JS 获取图片相对坐标 function forward(event){ var e = event || window.event; var scrollX = document.documentElement.scrollLeft || document.
【完】JS 页面内容搜索,类似于 Ctrl+F功能的实现代码
&amp;lt;html&amp;gt; &amp;lt;META HTTP-EQUIV=&quot;Content-Type&quot; content=&quot;text/html; charset=gb_2312-80&quot;&amp;gt; &amp;lt;TITLE&amp;gt;WinWebMail&amp;lt;/TITLE&amp;gt; &amp;lt;script language=&quot;JavaScript&quot;&amp;gt; &amp;lt;!-
js定位到指定位置
$('#xxx')[0].scrollIntoView(true);
基于js实现ctrl+F的页面搜索
基于js实现ctrl+F的页面搜索,并且有亮色标明搜索的关键词
JS 搜索定位关键字(Ctrl + F 效果)
功能类似于浏览器的【Ctrl+F】效果,先看下效果: 1、查找页 2、空查询条件 3、开始查询 4、查询完毕提示 不过需要说明的是,此功能只支持IE,目前尚未找到兼容各浏览的定位脚本,有需要的同学Copy吧: JS 搜索定位关键字 .main { padding:0; width:100%;
js获取页面显示的所有文本值
/** * 查找元素文本 不含子元素的值 * @param $ele 当前查找的元素 * @return * @exception */ function searchChild($ele) { // 当前元素的文本不包含子元素的值 var str = $ele.contents().filter(function (index, content) { ...
前端实现页面搜索高亮
通过js实现当前页面搜索文字高亮,挺好用的,项目用到搜索高亮,要前端实现,我也是找了好久确定用这个包,感谢原分享者,想免费分享这个包,为何资源分数最低为1
原生JS实现页面内定位
需求:点击跳转到页面指定位置 &amp;lt;div id=&quot;test&quot;&amp;gt;点击跳转到此处&amp;lt;/div&amp;gt; 【法一】: 利用a标签的锚点跳转 &amp;lt;a href=&quot;#test&quot;&amp;gt;点击跳转&amp;lt;/a&amp;gt; 由于锚点跳的原理是改变哈希值,所以会改变url 【法二】: 用js的scrollIntoView方法 document.getElementById('tes...
js获取页面选择的文本内容
getSelectedText() { if (window.getSelection) { return window.getSelection().toString(); } else if (document.selection) { return document.selection.createRange().text; } ...
用JS将页面定位到某个位置(DIV)
,发现使用javascript中的window.scrollBy()存在一个问题:每刷新一次页面,滚动距离顶部的高度都会比上次递增我们定义的scroll_y值。  所以还是建议大家使用window.location.hash方法来自动将页面滚动到指定位置。  $(function(){ window.location.hash = "#title"; })   window.locatio
jquery 在页面上根据ID定位(jQuery锚点跳转及相关操作) 经典
1.锚点跳转简介 Edit锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。比如百度的百科页面,wiki中的page内容。我知道实现锚点的跳转有两种形式,一种是a标签+name属性;还有一种就是使用标签的id属性。百度百科就是使用a标签的name属性来实现锚点跳转的。比如:&amp;lt;a href=”#2”&amp;gt;波轮洗衣机介绍&amp;lt;/a&amp;gt; &amp;lt;a name=”2”&amp;...
用JS在页面添加关键字查询框
利用js做一个页面关键字搜索查询框 ###HTML页面 注意一下HTML页面里&amp;lt;input&amp;gt;的id以及&amp;lt;table&amp;gt;的id JS代码可以直接复制使用 ........已省略..... &amp;lt;label&amp;gt;关键字:&amp;lt;/label&amp;gt; &amp;lt;input type=&quot;text&quot; name=&quot;&quot; id=&quot;inpu
js实现搜索字高亮
&amp;lt;script type=&quot;text/javascript&quot;&amp;gt;//&amp;lt;![CDATA[     //--------begin function fHl(o, flag, rndColor, url)------------------//     function fHl(o, flag, rndColor, url){         /// &amp;lt;summary&amp;gt;  ...
详情页返回列表页实现定位和缓存
实现目标 浏览列表页面,点击进入详情页面,当从详情页面返回时,页面能定位到进入详情页时的位置,同时加载之前的缓存。 实现思路 当点击某个列表进入详情时,获取当前列表距离顶部的高度,并存入浏览器缓存,返回时判断是否存在该缓存,如果存在则加载该浏览器高度,实现定位到进入时的位置。 实现方法 &amp;lt;ul&amp;gt; &amp;lt;li&amp;gt;&amp;lt;a onclick=&quot;god...
js实现网页搜索高亮显示
&amp;lt;!DOCTYPE&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt;        &amp;lt;title&amp;gt; new document &amp;lt;/title&amp;gt;        &amp;lt;meta name=&quot;generator&quot; content=&quot;editplus&quot; /&amp;gt;        &amp;lt;meta name=&quot;author&a
js 搜索关键字,文章中关键字高亮显示
实现代码如下: .highlight{background:green;font-weight:bold;color:white;} 搜索 搜索,文章关键字高亮显示aaa 搜索,文章关键字高亮显示bbb 搜索,文章关键字高亮显示ccc 搜索,文章关键字高亮显示ddd 搜索,文章关键字高亮显示eee 搜索,文章关键字高亮显示fff 搜索,文章关键字高亮
JS页内查找关键词的高亮显示
&amp;lt;html&amp;gt;&amp;lt;META HTTP-EQUIV=&quot;Content-Type&quot; content=&quot;text/html; charset=gb_2312-80&quot;&amp;gt;&amp;lt;TITLE&amp;gt;WinWebMail&amp;lt;/TITLE&amp;gt;&amp;lt;LINK href=&quot;images\hwem.css&quot; rel=stylesheet&amp;gt;&amp;lt;s
简单高效的js搜索高亮
一、效果抢鲜展示 此插件是我今天下午写的,为了直观地看到是个什么东东,先展示效果,您可以狠狠地点击这里:搜索页面文字jQuery插件Demo 下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面: 下载 您可以狠狠地点击这里:jquery.textSearch-1.0.js 文件较小,功能简单,恕不打包~~ 二、功能简述 从上图也应该看出来了,就是对HTM
js定位到页面某个位置(锚点)
一. css控制html代码:&amp;lt;a name=&quot;aa&quot;&amp;gt;&amp;amp;nsbp;&amp;lt;/a&amp;gt;锚点使用:&amp;lt;a href=&quot;#aa&quot;&amp;gt;跳至第一个锚点&amp;lt;/a&amp;gt;二. js控制完成一个操作后跳转到另一个页面指定位置:1. location.href = &quot;#aa&quot;; 2. window.location.hash = &quot;#aa&
原生JS实现的JSON数组排序,关键字锚点跳转到指定内容区
原生JS实现的仿点击锚点对应模块跳转到指定的位置,锚点关键字从模块中取出,去除重复值按照由大到小的顺序排序//JSON数组按指定值进行排序排序,name:排序规则        function jsonSort(jsonarr,name,snum){            //如果数组            if(jsonarr.length            var pivotIndex=
JavaScript页面内Table搜索
页面内搜索,不需要再次数据库查询,将选择符合条件的添加变成红色字体效果图css .searchSpan { color:#d2b48c }html&amp;lt;table id=&quot;dataTable&quot; class=&quot;t1&quot; style=&quot; width: 99%;&quot;&amp;gt; &amp;lt;thead&amp;gt; &amp;lt;tr&amp;gt..
JS 文本中查找并替换字符
*{font-family:"微软雅黑";font-size:16px;margin:0;padding:0;letter-spacing:3px;line-height:22px;} #wrap{width:500px;height:300px;margin:20px auto;position:relative;} #text{width:500px;height:300px;border
基于angularjs单页面应用web的全站搜索思路心得
1.html部分,在搜索框中加上keydown监听事件,在搜索按钮上加上点击事件,这样在搜索框中按enter键就可以搜索 &nbsp;诚信搜索 2、在主页面的js中,点击事件方法,不为空时,跳转搜索页,若停留到搜索页,则reload搜索页;已经keydown监听enter键,然后调用搜索事件 $scope.webSiteSearch = function () {      
静态html页面关键字搜索高亮
静态html页面关键字搜索高亮最近项目要实现一个页面关键字搜索,刚好上网找了一款不错的插件,叫mark.js,官网地址,下面演示一个基于jq的案列,这个插件可以不依赖任何插件也可以实现这个功能,详情见官网例子。基于jq的小小例子:<!DOCTYPE> <html> <head> <title> new document </title> <meta name="ge
静态页面用JS实现搜索功能
调用方法 highlight(): function encode(s){   return s.replace(/&/g,"&").replace(//g,">").replace(/([\\\.\*\[\]\(\)\$\^])/g,"\\$1"); } function decode(s){   return s.replace(/\\([\\\.\*\[\]\(\)\$\^])
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 学习java的整个流程 java的整个学习流程