在页面中实现搜索功能,只要是页面中的字符

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

有什么问题请到<a href='/bbs/forums.php?fid=21'>论坛</a>中发表<br>

<!--# 特效来源:http://www.webjx.com/js -->

<!-- 把如下代码加入<body>区域中 -->

你可以输入'脚本'查查看<BR>

<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 全部选择 提示:你可先修改部分代码,再按运行]

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航