find-in-page.html

来自「java脚本即用特效源码从入门到精通帮你渡过难关」· HTML 代码 · 共 67 行

HTML
67 行
字号 
<!-- 安装 查找当前网页内容 的步骤:

   1.  把数据复制到你的Html文件的Head标记下
   2.  把数据复制到你的Html文件的Body标记下   -->

<!-- 步骤一: 把以下数据复制到你的Html文件的Head标记下  -->

<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var NS4 = (document.layers);
var IE4 = (document.all);

var win = this;
var n   = 0;

function findInPage(str) {
var txt, i, found;
if (str == "")
return false;
if (NS4) {
if (!win.find(str))
while(win.find(str, false, true))
n++;
else
n++;
if (n == 0) alert(str + " 在当前网页内没有找到。");
}
if (IE4) {
txt = win.document.body.createTextRange();
for (i = 0; i <= n && (found = txt.findText(str)) != false; i++) {
txt.moveStart("character", 1);
txt.moveEnd("textedit");
}
if (found) {
txt.moveStart("character", -1);
txt.findText(str);
txt.select();
txt.scrollIntoView();
n++;
}
else {
if (n > 0) {
n = 0;
findInPage(str);
}
else
alert(str + " 在当前网页内没有找到。");
}
}
return false;
}
//  End -->
</script>
</HEAD>

<!-- 步骤二: 把以下数据复制到你的Html文件的Body标记下  -->

<BODY>
<form name=search onSubmit="return findInPage(this.string.value);">
在当前网页内查找：
<input name=string type=text size=15 onChange="n = 0;">
</form>
</BODY>

find-in-page.html - 源码说明

本页面展示了「java脚本即用特效源码从入门到精通帮你渡过难关」中的 find-in-page.html 源码文件，采用 HTML 编程语言编写，共 67 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与java相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?