⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 ch16-235.html

📁 javascript demo thanks please
💻 HTML
字号:
🔍 
<HTML>
<HEAD>
<TITLE>页面搜索篇--实现搜索引擎</TITLE>
</HEAD>

<BODY bgcolor="#fef4d2" >

<br><br>
<center>
<h2>页面搜索篇--实现搜索引擎</h2>
<hr width=300>
<br><br>

<!-- 案例代码1开始 -->

<script language=JavaScript>
   
var key = "";

function SearchEngineer() {
  SearchInfo(new SetLinks(sizeindex),document.form.search.value);
}

function SearchInfo(links, keyword){
    document.write("<BODY fontsize='2' BGCOLOR='#fef4d2'  LINK='#99CC00' >")
    document.write("搜索结果：" +keyword +"<br><br>");
    for (var q=1; q<=links.length; q++) {
       if (links[q].URL.toLowerCase().indexOf(keyword) != -1){
	        document.write("<a href=" + links[q].URL + ">" + links[q].Name + "</a> - ");          
            document.write( links[q].Category + "<br><br>");
            continue;    }
       if (links[q].Desc.toLowerCase().indexOf(keyword) != -1) {
            document.write("<a href=" + links[q].URL  + ">" + links[q].Name + "</a> - ");          
            document.write( links[q].Category + "<br><br>");
            continue;     }
       if (links[q].Name.toLowerCase().indexOf(keyword) != -1) {
            document.write("<a href=" + links[q].URL + ">" + links[q].Name + "</a> - ");
            document.write( links[q].Category + "<br><br>");
           continue;    }   }                                       
}

function SetLinks(size) {
   this.length = size;
   for (var r=1; r<= size; r++) {
       this[r] = new makeEntry();
       this[r].Name = namesArray[r];
       this[r].URL = urlsArray[r];
       this[r].Desc = descArray[r];
       this[r].Category = categoryArray[r]; }
   return this;
}

function makeEntry (){
   this.Name="";
   this.URL = "";
   this.Desc = "";
   this.Category = "";
   return this;
}

function makeArray(n) {
   this.length = n;
   for (var k = 1; k <= n; k++) { this[k] = "";  }
   return this;
}               

var sizeindex=0 
var index=0
datesArray = new makeArray(sizeindex);
namesArray = new makeArray(sizeindex);
urlsArray = new makeArray(sizeindex);
descArray = new makeArray(sizeindex);
categoryArray = new makeArray(sizeindex);

index += 1 
<!-- [Step1]: 这里可以按序增加搜索的名称、网址、关键词和注释 -->
namesArray[index] = "新 浪 网"
urlsArray[index] = "http://www.sina.com.cn"
descArray[index] = "sina chat news hotel women friend"
categoryArray[index] = "全球最大的华人网站！"

index += 1 
namesArray[index] = "263 在线"
urlsArray[index] = "http://www.263.net.cn"
descArray[index] = "263 mail life china flash news"
categoryArray[index] = "中国人的网上家园！"

index += 1 
namesArray[index] = "搜 狐 网"
urlsArray[index] = "http://www.sohu.com"
descArray[index] = "sohu news IT education chinaren"
categoryArray[index] = "中国互联网第一品牌!"

sizeindex = index;

</script>

<!-- 案例代码1结束 -->


<!-- 案例代码2开始 -->

<form name="form">
  <div align="center"> 
    关键词：
<!-- [Step2]: 在此能够设置文本框的列长度 -->
      <input type="text" size=12 name="search">
<!-- [Step3]: 这里可以更改按钮的名称 -->
      <input type="button" name="submit" value="搜 索" onClick="SearchEngineer()" >
      <input type="reset" name="reset" value="清 除" >
   </div>
</form>

<!-- 案例代码2结束 -->


</BODY>

</HTML>

⌨️ 快捷键说明

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