***JS实现搜索关键词变色[赋完整调试程序]

内容随便改就行了,我只是随便复制了一段带HTML的代码进行测试,不过函数可能考虑的多了点长了些,我的思路是通过match和split返回两数组,再拼成的,里面一段是防止 等这样的符号被替换了,不过我又发现了个问题,就是如果需要替换的关键字有里面的字符又会有问题了,不过这都是小问题,关键是IE回错乱位置,返回的结果个预期的差太多了,我测试了FF和OPERA都没出现任何问题的,纳闷了,不过挺感谢你的关注的,楼下继续吧...

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

如果将div source中的内容换成:1。下面这个是PHP文件代码：<?php 
header("Cache-Control: no-cache, must-revalidate"); 
header('Content-type: text/html;charset=utf-8'); 
if(strip_tags($_GET['action'])=='read') 
{  
   //读取文件 
   echo nl2br(file_get_contents("demo.txt")); 
}else{ 
   //写入文件 
   $content=$_POST['content']; 
   file_put_contents('demo.txt',$content); 
   echo nl2br(file_get_contents("demo.txt")); 
} 
?>
2。下面这个是ajax.htm代码：
<script language="javascript"> 
//创建AJAX 
function initxmlhttp() 
{ 
    var xmlhttp 
    try { 
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e) { 
        try { 
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
        } catch (E) { 
            xmlhttp=false; 
        } 
    } 
    if (!xmlhttp && typeof XMLHttpRequest!='undefined') { 
        try { 
            xmlhttp = new XMLHttpRequest(); 
        } catch (e) { 
            xmlhttp=false; 
        } 
    } 
    if (!xmlhttp && window.createRequest) { 
        try { 
            xmlhttp = window.createRequest(); 
        } catch (e) { 
            xmlhttp=false; 
        } 
    } 
    return xmlhttp; 
} 
//从文本文件中读取文件并且显示 
function readText() 
{ 
    var readButton=document.getElementById('read'); 
    var showcontent=document.getElementById('content'); 
    readButton.disabled="disabled"; 
    showcontent.innerHTml='正在读取,Loading…..'; 
    var xmlhttp=initxmlhttp(); 
    var url="operation.php?action=read"; 
    xmlhttp.open("GET",url,true); 
    xmlhttp.onreadystatechange=function(){
      if(xmlhttp.readyState==4 && xmlhttp.status==200) 
      {       
         showcontent.innerHTML=xmlhttp.responseText; 
         readButton.disabled=""; 
         document.getElementById('edit').disabled=""; 
      } 
    } 
    xmlhttp.send(null); 
} 
//转换到编辑模式 
function edit() 
{ 
   document.getElementById('edit').disabled="disabled"; 
   var str=''; 
   str+='<textarea name="textContent" cols="50" rows="8" id="textContent">'; 
   str+='</textarea>'; 
   document.getElementById('content').innerHTML=str; 
   document.getElementById('update').disabled=""; 
} 
//更新数据到文本文件 
function update() 
{ 
   var xmlhttp=initxmlhttp(); 
   var url="operation.php?action=write"; 
   var data="content="+document.all.textContent.value; 
   xmlhttp.open("POST",url,true); 
   xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
   xmlhttp.send(data); 
   xmlhttp.onreadyStatechange=function(){ 
      if(xmlhttp.readyState==4 && xmlhttp.status==200) 
      { 
          document.getElementById('content').innerHTML=xmlhttp.responseText; 
          document.getElementById('update').disabled="disabled"; 
      } 
   } 
} 
</script> 
<body> 
<div class="main-box"> 
  <div class="head-dark-box">AJAX+PHP读取更新文本文件</div> 
  <div class="body-box"> 
    <div class="tip-msg">一个简单的AJAX演示。主要功能有： 
      1、读取文本文件并显示。 
      2、更新文本文件。 
    </div>     
    <div class="alt-table" > 
      <input id="read" name="read" type="button" class="button" value="读取" onclick="readText()" /> 
      <input id="edit" disabled="disabled" name="edit" type="button" class="button" value="编辑" onclick="edit()" /> 
      <input id="update" disabled="disabled" name="update" type="button" class="button" value="更新" onclick="update()" /> 
      <div id="content" class="textbox-title"></div> 
    </div> 
  </div> 
</div> 
</body>
</div>问题就很明显了,住要是看HTML标记和它的内容的错位,别的还好