页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

页面内查找

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

你可以输入'脚本'查查看

查找页面中的字符 
<script language="JavaScript">

var NS4 = (document.layers);    // Which browser? 
var IE4 = (document.all);

var win = window;    // window to search. 
var n   = 0;

function findInPage(str) {

var txt, i, found;

if (str == "") 
    return false;

// Find next occurance of the given string on the page, wrap around to the 
  // start of the page if necessary.

if (NS4) {

// Look for match starting at the current point. If not found, rewind 
    // back to the first match.

if (!win.find(str)) 
      while(win.find(str, false, true)) 
        n++; 
    else 
      n++;

// If not found in either direction, give message.

if (n == 0) 
      alert("Not found."); 
  }

if (IE4) { 
    txt = win.document.body.createTextRange();

// Find the nth match from the top of the page.

for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) { 
      txt.moveStart("character", 1); 
      txt.moveEnd("textedit"); 
    }

// If found, mark it and scroll it into view.

if (found) { 
      txt.moveStart("character", -1); 
      txt.findText(str); 
      txt.select(); 
      txt.scrollIntoView(); 
      n++; 
    }

// Otherwise, start over at the top of the page and find first match.

else { 
      if (n > 0) { 
        n = 0; 
        findInPage(str); 
      }

// Not found anywhere, give message.

else 
        alert("Not found."); 
    } 
  }

return false; 
}

</script> 
<form name="search" onSubmit="return findInPage(this.string.value);"> 
<font size=3><input name="string" type="text" size=15 onChange="n = 0;"></font> 
<input type="submit" value="Find"> 
</form>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：页面内查找

百度中搜索更多的关于页面内查找内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

顶一下

上一篇文章：HTML DOM Viewer
下一篇文章：js简单的表拖拽

文章评论

共有位脚本之家网友发表了评论我来说两句

页面内查找

文章评论

同类文章

最近更新

热点排行

页面内查找

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行