码迷,mamicode.com
首页 > Web开发 > 详细

代码收藏 JS实现页内查找定位功能

时间:2015-04-29 21:11:10      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:

前部分为IE下搜索方法 用TextRange来实现

后部分为firefox、chrome下搜索方法

 1         var nextIndex = 0;
 2         var searchValue = ‘‘;
 3         var input1=document.getElementById(‘input1‘);
 4 
 5         function findInPage(searchText) {
 6             if (!searchText){
 7                 alert(‘搜索字符串为空‘);
 8             }
 9 
10             if(searchText && searchText != searchValue && nextIndex > 0){
11                 searchValue = searchText;
12                 nextIndex = 0;
13             }else{
14                 searchValue = searchText;
15             }
16 
17             if (document.all) {
18                 txt = document.body.createTextRange();
19                 var found =false;
20                 for (var i = 0; i <= nextIndex && (found = txt.findText(searchValue))==true; i++) {
21                     txt.moveStart("character", 1);
22                     txt.moveEnd("textedit");
23                 }
24 
25                 if (found) {
26                     txt.moveStart("character",-1);
27                     txt.findText(searchValue);
28                     txt.select();
29                     txt.scrollIntoView();
30                     nextIndex++;
31                 }else{
32                     if (nextIndex > 0) {
33                         nextIndex = 0;
34                         findInPage(searchValue);
35                     }
36                 }
37             }else{
38                 window.find(searchValue,false,true);
39             }
40         }    

 

代码收藏 JS实现页内查找定位功能

标签:

原文地址:http://www.cnblogs.com/verlen11/p/4466861.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!