javascript 模拟Dreamweaver开发的纯文本查询器

最新推荐文章于 2024-11-04 12:02:56 发布

lzid2008

最新推荐文章于 2024-11-04 12:02:56 发布

阅读量946

点赞数

分类专栏： Javascript 文章标签： dreamweaver javascript div query stylesheet filter

本文链接：https://blog.youkuaiyun.com/lzid2008/article/details/1339789

版权

Javascript 专栏收录该内容

39 篇文章

订阅专栏

这是一个使用JavaScript、DOM及正则表达式等技术实现的纯文本查询工具，可在指定文件中搜索特定字符，支持大小写不敏感匹配，并能高亮显示查询结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模拟Dreamweaver开发的纯文本查询器，

结合： javascript,Dom,正则表达式，层等研制开发

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd" >

< html >

< head >

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

< title > QUERY INFO </ title >

< script language ="javascript" >

function GetAimInfo(a,b,c,d,selAnd,chkSub)

{

var temp = "";

//--------------

if(d == ""){

alert("please put in the routine of the file");

return false;

}

if(a == "" && b== "" && c == ""){

alert("please put the finding character in");

return false;

}

if(a == ""){

a = "###";

}

if(b == ""){

b = "###";

}

if(c == ""){

c = "###";

}

//-------------------------

var query;

var strProcss=a;

var strEmail=b;

var strOther =c;

var theCount= 0;

var theOldNumb = 0;

var sLine="";

var fso,f,r

var ForReading = 1,ForWriting = 2;

//-------------------------

try

{

fso = new ActiveXObject("Scripting.FileSystemObject")

f = fso.OpenTextFile(d, ForReading);

}

catch(e)

{

alert("the file of the routine is not exist,please put in once more!");

return false;

}

//----------------------------------------------

temp = "<html><title>Find the data</title><body>";

temp += "<table width='100%' border='1' cellpadding='0' cellspacing='0' bordercolorlight='#6699ff' bordercolordark='#6699ff' >";

temp += "<tr class='th' ><td >Number</td><td align = 'center'> ----------- The content of the finding ----------- </td><td>oldNum</td></tr>"

while (sLine != null)

{

try

{

sLine = f.ReadLine();

if (sLine != null)

{

theOldNumb = theOldNumb + 1;

//无论大小写，只要有，就为 true

var boolProcess = (sLine.indexOf(strProcss)>0 || sLine.indexOf(strProcss.toLowerCase())>0 || sLine.indexOf(strProcss.toUpperCase())>0);

var boolEmail = (sLine.indexOf(strEmail) >0 || sLine.indexOf(strEmail.toLowerCase()) > 0 || sLine.indexOf(strEmail.toUpperCase())>0);

var boolOther = (sLine.indexOf(strOther) >0 || sLine.indexOf(strOther.toLowerCase()) >0 ||sLine.indexOf(strOther.toUpperCase()) >0);

if(selAnd == "And")

{

if(strProcss == "###")

query = boolEmail && boolOther;

else if(strEmail == "###")

query = boolProcess && boolOther;

else if(strOther == "###")

query = boolProcess && boolEmail;

else

query = boolProcess && boolEmail && boolOther;

}

else

{ query = boolProcess || boolEmail || boolOther; }

if(sLine.indexOf(strProcss.toLowerCase())>0)

{//在一定的条件下把[子进程号]包含当作条件

var theLeft = sLine.indexOf("(") + 1;

var theRirgh = sLine.indexOf(")");

var subString = sLine.substring(theLeft,theRirgh);

if(subString.toLowerCase() == strProcss.toLowerCase() || subString == "00000000")

{ }

else

{ subString = sLine.substring(theLeft,theRirgh); }

}

if(chkSub.checked) //如果子进程复选框选中的话，条件中加入。。。

{

query = query || sLine.indexOf(subString)>0;

}

if(query)

{//查看有没有要查找信息

theCount = theCount + 1;

temp += "<tr οnmοuseοver="this.bgColor='#C4DFF7'" οnmοuseοut="this.bgColor='#ffffff'">" ;

temp += "<td>" + theCount + "</td>";

temp += "<td>" + sLine + "</td>";

temp += "<td>" + theOldNumb + "</td>"

temp += "</tr>";

}

catch(e)

{

break;

}

temp +="<tr><td colspan='3'>总计: " + theCount + " 条</td></tr>";

temp += "</table>";

temp += "</body></html>";

if(theCount == 1 || theCount == 0)

{

alert("no record");

return;

}

temp = ReplaceStr2(temp,"TO: <","TO: ");

temp = ReplaceStr2(temp,"TO:<","TO: ");

temp = ReplaceStr2(temp,"to: <","TO: ");

temp = ReplaceStr2(temp,"to:<","TO: ");

temp = ReplaceStr2(temp,"To:<","TO: ");

temp = ReplaceStr2(temp,"FROM: <","FROM: ");

temp = ReplaceStr2(temp,"FROM:<","FROM: ");

temp = ReplaceStr2(temp,"from:<","from: ");

temp = ReplaceStr2(temp,"from: <","from: ");

temp = ReplaceStr(temp,strProcss,"#ff0000");

temp = ReplaceStr(temp,strProcss.toLowerCase(),"#ff0000");

temp = ReplaceStr(temp,strProcss.toUpperCase(),"#ff0000");

//email

temp = ReplaceStr(temp,strEmail,"#0000ff");

temp = ReplaceStr(temp,strEmail.toLowerCase(),"#0000ff");

temp = ReplaceStr(temp,strEmail.toUpperCase(),"#0000ff");

//other

temp = ReplaceStr(temp,strOther,"#007744");

temp = ReplaceStr(temp,strOther.toLowerCase(),"#007744");

temp = ReplaceStr(temp,strOther.toUpperCase(),"#007744");

//---------------------------------------------

document.all.show.innerHTML = temp;

//---------------------------------------------

}

输入的原来字符串

要替换的

目标字符

function ReplaceStr(inputStr,oldStr,colorStr)

{

var strReturn;

if(oldStr == "")

return;

re = new RegExp(oldStr,"g");

var newStr = "<strong><font color = '" + colorStr + "'><u>" + oldStr +"</u></font></strong>";

strReturn = inputStr.replace(re,newStr);

return strReturn;

}

function ReplaceStr2(inputStr,oldStr,newStr)

{

var strReturn;

if(oldStr == "")

return;

re = new RegExp(oldStr,"g");

strReturn = inputStr.replace(re,newStr);

return strReturn;

}

function chkAddFun(a,b)

{

if(a.checked)

{

b.style.background = "#CCCCCC";

b.disabled = 1;

}

else

{

b.style.background = "#FFFFFF";

b.disabled = 0;

}

function selAddFun(a,b)

{

if(a == "#FFFFFF")

{

b.disabled = 0;

b.style.background = a;

}

else

{

b.disabled = 1;

b.style.background = a;

}

</ script >

< link href ="CSS/styles.css" rel ="stylesheet" type ="text/css" >

< link href ="CSS/color.css" rel ="stylesheet" type ="text/css" >

< style type ="text/css" >

<!--

.style1 {color: #C3CDDE}

-->

</ style >

</ head >

< body id ="bodyNode" class ="bodyTop" >

< form name ="form1" method ="post" action ="showInfo.asp" >

< table width ="100%" border ="1" bordercolorlight ="#6699ff" bordercolordark ="#6699ff" cellpadding ="0" cellspacing ="0" class ="BlueBoldfont" >

< tr >

< td >

< div align ="center" > [QUERY INFO] </ div >

</ td >

</ tr >

< tr >

< td >

< div align ="center" > File path: < input type ="file" name ="txtPath" ></ div >

</ td >

</ tr >

< tr >

< td > 　　

< table width ="100%" border ="0" cellpadding ="0" cellspacing ="0" >

< tr >

< td width ="8%" >< div align ="right" > Course: </ div ></ td >

< td width ="21%" >

< input name ="txtProcess" type ="text" id ="txtProcess" size ="18" >

< input name ="chkSub" id ="chkSub" type ="checkbox" value ="" > sub

</ td >

< td width ="8%" >< div align ="right" > Email: </ div ></ td >

< td width ="21%" >< input name ="txtEmail" type ="text" id ="txtEmail2" size ="18" ></ td >

< td width ="6%" >< div align ="right" > Other: </ div ></ td >

< td >< input name ="txtOther" type ="text" id ="txtOther2" size ="18" ></ td >

< td >

< div align ="left" >

Mode:

< select name ="selAnd" onChange ="selAddFun(this.form.selAnd.value,this.form.txtOther)" >

< option value ="#FFFFFF" selected > Or </ option >

< option value ="#CCCCCC" > And </ option >

</ select >

</ div >

</ td >

< td >   </ td >

< td width ="8%" >< input type ="button" name ="Submit" class ="btn_mouseout" value ="Query" onClick = "GetAimInfo(this.form.txtProcess.value,this.form.txtEmail.value,this.form.txtOther.value,this.form.txtPath.value,this.form.selAnd.options[selAnd.selectedIndex].text,this.form.chkSub)" ></ td >

</ tr >

</ table >

</ td >

</ tr >

</ table >

< br >

< div class ="BlueBoldfont" >

< div align ="left" > 『EXPLAINS』: When data quantity big,Possibly must wait a bit about for 30 seconds. Best uses the IE browser. </ div >

</ div >

< div id ="show" style ="display:block;" ></ div >

</ form >

</ body >

</ html >

Css样式表

body {

background-repeat:no-repeat;

FONT-FAMILY: Arial, Helvetica, sans-serif;

FONT-SIZE: 12px;

text-decoration: none;

color:#000000;

BACKGROUND-COLOR:#FFFFFF;

line-height: 20px;

SCROLLBAR-ARROW-COLOR: black;

SCROLLBAR-FACE-COLOR: #ffffff;

SCROLLBAR-HIGHLIGHT-COLOR: #acacac;

SCROLLBAR-SHADOW-COLOR: #acacac;

SCROLLBAR-3DLIGHT-COLOR: #ffffff;

SCROLLBAR-TRACK-COLOR: #f8f8f8;

SCROLLBAR-DARKSHADOW-COLOR: #ffffff;

border-top-style: none;

border-bottom-style: none;

background-attachment: fixed;

border-right-style: none;

border-left-style: none;

margin-right: 5px;

margin-left: 5px;

margin-bottom: 5px;

margin-top: 5px;

overflow:auto;

}

input {

height:18px

}

.imageBack {

line-height: 150%;

}

.BlueBoldfont {

font-size: 12px;

color: #003366;

font-weight:bold;

}

.BrownBoldfont {

font-size: 12px;

color:#993300;

font-weight:bold;

}

.BlackBoldfont {

font-size: 12px;

color:#000000;

font-weight:bold;

}

.bodyTop {

overflow: visible;

}

p {

font-size: 12px;

text-align: left;

}

table {

border-collapse: collapse;

margin: 0px;

padding: 0px;

border: 0;

}

.tbShow {

border-collapse: collapse;

padding: 0px;

cellpadding:0px;

cellspacing:1px;

border-collapse:collapse;

border: #6699ff;

width: 100%;

}

.th {

FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#FFFFFF, EndColorStr=#4898DB);

font-size: 12px;

text-align: center;

white-space: pre;

font-weight: normal;

color:

line-height: 200%;

}

.thCalender {

background-color:#007db5;

font-size: 16px;

text-align: center;

white-space: pre;

font-weight: normal;

color: #FFFFFF;

line-height: 200%;

}

.tdCalender {

border-color:#6699ff;

white-space: pre;

font-size: 16px;

text-align: center;

white-space: pre;

font-weight: normal;

line-height: 200%;

}

.td {

border-color:#6699ff;

white-space: pre;

}

.total {

white-space: pre;

background-color: bccbe0;

}

.tdHigh {

border-color:#6699ff;

white-space: pre;

padding-top: 5px;

padding-bottom: 5px;

}

td {

font-size: 12px;

padding-left: 2px;

}

.tbTitle {

text-align: right;

}

.number {

text-align: right;

}

form {

text-align: center;

}

textarea {

BACKGROUND-COLOR: #ffffff;

color:#000000;

BORDER-BOTTOM: #006cb5 1px solid;

BORDER-LEFT: #006cb5 1px solid;

BORDER-RIGHT: #006cb5 1px solid;

BORDER-TOP:#006cb5 1px solid;

cursor: hand;

font-size: 12px;

}

.myInput {

BACKGROUND-COLOR: #fffff1;

color:#000000;

BORDER-BOTTOM: #006cb5 1px solid;

BORDER-LEFT: #006cb5 1px solid;

BORDER-RIGHT: #006cb5 1px solid;

BORDER-TOP:#006cb5 1px solid;

HEIGHT: 18px;

font-size: 12px;

cursor: hand;

}

.textField {

HEIGHT: 18px;

}

.textTop {

HEIGHT: 18px;

}

.textFieldB {

HEIGHT: 14px;

text-align: right;

position: relative;

top: -1px;

clip: rect()

}

.textFieldR {

HEIGHT: 18px;

text-align: right;

}

select {

BACKGROUND-COLOR: #ffffff;

color:#000000;

BORDER-BOTTOM: #006cb5 1px solid;

BORDER-LEFT: #006cb5 1px solid;

BORDER-RIGHT: #006cb5 1px solid;

BORDER-TOP:#006cb5 1px solid;

HEIGHT: 18px;

font-size: 12px;

cursor: hand;

}

A {COLOR: #007db5;}

A:hover {

COLOR: #FF7E00;

TEXT-DECORATION:none;

position: relative;

left: 1px;

top: 1px;

clip: rect()

}

a:link {

font-size: 12px;

color: #003366;

font-weight:bold;

}

a:active {

font-size: 12px;

color: #FF7E00;

}

a:visited {

font-size: 12px;

color: #003366;

font-weight:bold;

}

.list {

text-align: center;

font-size: 12px;

}

.over {

filter: BlendTrans(Duration=5);

position: relative;

left: 1px;

top: 1px;

clip: rect()

}

.out {

filter: alpha(opacity=70);

}

.important {

color: #FF0000;

font-weight: bold;

font-size: 12px;

}

Input {

BACKGROUND-COLOR: #ffffff;

color:#000000;

BORDER-BOTTOM: #006cb5 1px solid;

BORDER-LEFT: #006cb5 1px solid;

BORDER-RIGHT: #006cb5 1px solid;

BORDER-TOP:#006cb5 1px solid;

HEIGHT: 18px;

font-size: 12px;

cursor: hand;

}

.tbInput {

white-space: pre;

border-collapse: collapse;

padding: 0px;

cellpadding:0px;

cellspacing:1px;

}

hr {

height: 1px;

width: 98%;

color:#FF0000;

}

.TitleTb {

background-color: #eeeeee;

font-size: 14px;

}

table {

text-align: left;

}

.Title {

font-size: 18px;

text-align: center;

}

.tbSalary {

font-size: 10px;

text-align: center;

}

.btn {

BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#cecfde); BORDER-LEFT: #7b9ebd 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #7b9ebd 1px solid;

}

.btn_mouseout {

BORDER-RIGHT: #3399FF 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #3399FF 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#9EBFEA); BORDER-LEFT: #3399FF 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #3399FF 1px solid

}

.btn_mouseover {

BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#CCDDF4); BORDER-LEFT: #000000 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid

}