为什么JS在chrome查找是倒序的？

剑峰 2015-06-22 10:09:01
这个JS页内查找，在IE是顺序查找，在chrome和火狐却是倒序，就是先查找最后一行，倒着的。
有没有办法在chrome和火狐也是顺序查找呢？
求大神支招



<html>  

<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80">  

<TITLE>页内查找</TITLE>  

<script language="JavaScript">  

<!--   

function doZoom(size){  

    document.getElementById('zoom').style.fontSize=size+'px'  

} 



var DOM = (document.getElementById) ? 1 : 0;  

var NS4 = (document.layers) ? 1 : 0;  

var IE4 = 0;  

if (document.all)  

{  

    IE4 = 1;  

    DOM = 0;  

} 

var win = window;     

var n   = 0; 

function findIt() {  

    if (document.getElementById("searchstr").value != "")  

        findInPage(document.getElementById("searchstr").value);  

} 



function findInPage(str) {  

var txt, i, found; 

if (str == "")  

    return false; 

if (DOM)  

{  

    win.find(str, false, true);  

    return true;  

} 

if (NS4) {  

    if (!win.find(str))  

        while(win.find(str, false, true))  

            n++;  

    else  

        n++; 

    if (n == 0)  

        alert("未找到指定内容.");  

} 

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("未找到指定内容.");  

    }  

} 

return false;  

}  

// -->  

</script> 

<BODY>  

<br>  

<div align="center">  

  <table width="90%" border="0" align="center" cellspacing="0" bgcolor="#EFF7FF" style='border:1px #8CA5B5 solid;' id="zoom">  

    <tr bgcolor="#DBEAF5">   

      <td height="50" style='border-bottom:1px #8CA5B5 solid;'>  

        <div align="center">  

<table width="98%"><tr><td align="left">  

<input type="text" id="searchstr" value="可以" name="searchstr" class="textbox" size="10">  

<input type="button" value="页内查找" onclick="javascript:findIt();" class="sbttn">    

    <tr>   

      <td>

        <br>  

        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  

        <br>  

        <br>  

        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  

        <br>  

        <br>  

        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  

        <br>  

      </td>  

    </tr>  

  </table>  

</div>  

</BODY>  

</html>
...全文
198 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2015-07-22
  • 打赏
  • 举报
 回复
window.find()方法的第三个参数如果为true, 表示搜索方向为向上搜索. https://developer.mozilla.org/zh-CN/docs/Web/API/Window/find 


<html>  
<META HTTP-EQUIV="Content-Type" content="text/html; charset=gb_2312-80">  
<TITLE>页内查找</TITLE>  
<script language="JavaScript">  
<!--   
function doZoom(size){  
    document.getElementById('zoom').style.fontSize=size+'px'  
} 

var DOM = (document.getElementById) ? 1 : 0;  
var NS4 = (document.layers) ? 1 : 0;  
var IE4 = 0;  
if (document.all)  
{  
    IE4 = 1;  
    DOM = 0;  
} 
var win = window;     
var n   = 0; 
function findIt() {  
	var ss = document.getElementById("searchstr");
    var v = ss.value;
	if (v != "")
	{
        ss.value = "";
		findInPage(v);
		ss.value = v;
	}
} 

function findInPage(str) {  
var txt, i, found; 
if (str == "")  
    return false; 
if (DOM)  
{  
    win.find(str, false, false, true);  
	return true;  
} 
if (NS4) {  
    if (!win.find(str))  
        while(win.find(str, false, false, true))  
            n++;  
    else  
        n++; 
    if (n == 0)  
        alert("未找到指定内容.");  
} 
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("未找到指定内容.");  
    }  
} 
return false;  
}  
// -->  
</script> 
<BODY>  
<br>  
<div align="center">  
  <table width="90%" border="0" align="center" cellspacing="0" bgcolor="#EFF7FF" style='border:1px #8CA5B5 solid;' id="zoom">  
    <tr bgcolor="#DBEAF5">   
      <td height="50" style='border-bottom:1px #8CA5B5 solid;'>  
        <div align="center">  
<table width="98%"><tr><td align="left">  
<input type="text" id="searchstr" value="可以" name="searchstr" class="textbox" size="10">  
<input type="button" value="页内查找" onclick="javascript:findIt();" class="sbttn">    
    <tr>   
      <td>
        <br>  
        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  
        <br>  
        <br>  
        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  
        <br>  
        <br>  
        您可以使用此功能将其他用户共享出来的文件夹加入您收藏的共享文件夹列表(显示在上方的"我收藏的共享文件夹")中.<br>  
        <br>  
      </td>  
    </tr>  
  </table>  
</div>  
</BODY>  
</html>
杭州_编程浪子 2015-07-22
  • 打赏
  • 举报
 回复
看看浏览器的编码设置的是否一样
剑峰 2015-07-22
  • 打赏
  • 举报
 回复
求大神支招，谢谢了
sortabs:按网址对Chrome标签页进行排序
Sortabs 扩展程序，用于按网址对Chrome标签页进行排序
createTextRange()的使用示例含文本框选中部分文字内容
主要介绍了createTextRange()的使用示例,需要的朋友可以参考下
Chrome插件系列推荐
1.课程简介这个系列会介绍一些有趣的，实用的 Chrome 插件。发现更多好玩有用的chrome插件2.适用人群你想更好的使用chrome浏览器吗？这里有你要的。只需具有初步的office操作能力即可学习3.课程介绍01这款Chrome插件帮你注册到心仪的域名02你的 Chrome 不能没有这款翻译插件03使用HTML5 Vedio Speed Control Chrome插件实现倍速播放04看别人网站用了啥技术 chrome插件
模拟浏览器的查找功能(Ctrl+F)，同时兼容IE和Chrome
通常在做前端Web界面时，经常需要用js模拟浏览器的查找功能。下面介绍下IE和Chrome浏览器中如何用js模拟该功能。 一、IE浏览器 在IE浏览器中我们需要用到TextRange对象，该对象主要用来在IE浏览器中查找文本。 如何创建该对象呢？ 通常如果是在整个页面查找，只需调用方法document.body.createTextRange()即可。而如何是要在某一个对象内查找，例如：tex
Chrome开发者工具详解（五）之Network面板
Chrome开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Network面板、 Timeline面板、Profiles面板、Application面板、Security面板、Audits面板这些功能面板。 按钮的功能 Elements:查找网页源代码HTML中的任一元素,手动修改任一元素的属性和样式且能实时在浏览器里面得到反馈。 Console:记录开发者开发过程中的日志信息，且可以作为与JS进行交互的命令行Shell。 Sources:断点调试JS
JavaScript

87,955

社区成员

224,621

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章