欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

站内搜索脚本例子一(javascript)_Javascript教程

程序员文章站 2022-03-28 09:38:13
...
脚本说明:
第一步：把如下代码加入<body>区域中
<script language="JavaScript">
<!--
// 下面是负责搜索的页面的全路径或相对路径
var search_htm_url = "searchsource.htm";


function searchPage() {
if ((document.searchpage.keyword.value.length == 0)
|| (document.searchpage.keyword.value == " ")) {
alert("请填入关键字!");
} else {
sel = document.searchpage.and_or.selectedIndex;
location.href = search_htm_url + "?"
+ escape(document.searchpage.keyword.value)
+ (sel==0?"&and":(sel==2?"&exact":"&or"));
}
return false;
}

document.write('<form name="searchpage" onSubmit="return searchPage()">'
+'请填入关键字: <input type="text" size=22 name="keyword"> '
+'<input type="button" value="Search" onClick="searchPage()"><br>'
+'<select name="and_or" size=1><option>关键字与搜索<option>关键字或搜索 '
+'<option>关键字异或搜索</select></form>');
// -->
</script>


第二步：新建searchsource.htm 其内容为
<!-- 代码开始-->
<form NAME="database">
<input type="hidden" name="list"
value="http://www.njcatv.net~南京有线电视台网站|njcatv 南京有线电视台 网页特效 影音空间 新闻 javascript
java applet 健康之桥^为广大南京市民提供全方位的信息和帮助*http://www.sina.com.cn~最全的中文新闻发部站点
|sina 新浪 新闻 super 王志东 聊天室^国内最大的新闻网站!*http://www.163.net~最大的综合中文网站|163 netease
网易 丁磊 新闻 yeah 126 娱乐 freemail 聊天室^最大的综合中文网站,为你提供全方位的各种信息，是你上网的好去
处!*http://www.sohu.com~最大的中文引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^最大的中文引擎搜索站点，
是你上网查找资料的最好去处!*http://www.sohu.com~最大的中文引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^
最大的中文引擎搜索站点，是你上网查找资料的最好去处!*http://www.sohu.com~最大的中文引擎搜索站点|sohu search
搜索 引擎 张朝阳 聊天室^最大的中文引擎搜索站点，是你上网查找资料的最好去处!*http://www.sohu.com~最大的中文
引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^最大的中文引擎搜索站点，是你上网查找资料的最好去处!
*http://www.sohu.com~最大的中文引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^最大的中文引擎搜索站点，是
你上网查找资料的最好去处!*http://www.sohu.com~最大的中文引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^最
大的中文引擎搜索站点，是你上网查找资料的最好去处!">
</form>

以上就是站内搜索脚本例子一(javascript)_Javascript教程的内容，更多相关内容请关注PHP中文网（www.php.cn）！

相关标签： 搜索脚本，javascript

上一篇： 详细介绍CSS之三栏布局的实例（图）

下一篇： MySQL视图的应用之修改视图

推荐阅读