易截截图软件、单文件、免安装、纯绿色、仅160KB

用Javascript制作站内搜索器

用JavaScript做的站内搜索不仅编程实现、维护起来很简单,而且它能在客户端浏览器直接执行,无须服务器的支持,也可以省去申请有脚本执行权限空间的麻烦。所以,只要你愿意动手,有个人主页就能有自己的站内搜索。下面让我们共同来做一个基于JavaScript的站内搜索的脚本,可不要小看它,做完了你就知道它的好处了。
 
   首先,你要编写一个搜索表单,将用户要搜索的数据提交给JavaScript函数。最简单的代码如下,因为是最简单的HTML代码,所以就不作解释了:
<form name="search" onsubmit="goSearch(this)">
<input type="text" size="22" name="searchStr" value="多个关键字请以空格隔开" onmouseover="this.focus()" onfocus="this.select()">
<select name="select" size="1">
<option selected>或者(or)</option>
<option>并且(and)</option>
<option selected>不包含(no)</option>
</select>
<input type="submit" name="submit" value="搜索">
</form>
其次,要对你的站点的数据初始化。这是搜索时要用到的数据库,站点更新只要更改这些数据就行了。对于这个数据库,建议单独存为一个文件,在这里我们先存为相同路径下的"db.js"
/* 站点数据库db.js开始 */
function initArray(){ /* 定义数组初始化函数 */
this.length=initArray.arguments.length;
for(var i=0;i<this.length;i++) this[i]=initArray.arguments[i];
}
/* 定义待搜索的页面的标题,没有先后顺序,应将待搜索的页面都列出 */
var titles=new initArray('页面标题1','页面标题2',……);
/* 这些页面的详细说明,位置应该与它们的标题一致 */
var descriptions=new initArray('详细说明1','详细说明2',……);
/* 待搜索页面的地址,建议使用在你站点上的相对地址,位置也应与标题、说明相一致 */
var URLs=new initArray('url1','url2',……);
/* 站点数据库db.js结束 */
   计算机电子书籍
第三步,初始化用户输入的搜索字符串,并将它传递给搜索函数,列出结果。
function goSearch(){
var searchStr=document.search.searchStr.value; /* 取得表单中的用户输入的搜索字符 */
var string1=searchStr.toLowerCase(); /* 转换为小写,避免大小写敏感 */
var length1=st


相关文档:

Javascript中最常用的55个经典技巧 收藏

Javascript中最常用的55个经典技巧 收藏
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4 ......

JavaScript 复选框的反选

 
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<mce:script language="javascript" type="te ......

Javascript中最常用的55个经典技巧

 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="re ......

Javascript操作下拉框的常用方法

原文:刘武
| Javascript操作下拉框的常用方法
项目中碰到需要用javascript操作下拉框的情况,顺便做一下总结,列出一些常用方法,以下方法均在FIRFOX3.5及IE8上测试过,如有其他浏览器无法正常运行的请与笔者联系。
//添加一个下拉框
function AddDropDownList(id,fatherCtl)
{
if(!document.getElementById(id) ......

javascript获取select的值全解

获取显示的汉字
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
获取数据库中的id
window.document.getElementById("bigclass").value
获取select组分配的索引id
window.document.getElementById("bigclass").selectedIndex
例子:
<select name= ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号