花太香齐的博客 » html http://www.ieliwb.com 灵感的来临，没有任何预兆；灵感的消失，也不会有告别仪式；用文字记下她们吧，让灵感永存…… Sun, 21 Nov 2010 03:36:35 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 利用js构造多重搜索，并过滤html等标签 http://www.ieliwb.com/js-mulit-search/ http://www.ieliwb.com/js-mulit-search/#comments Sat, 16 May 2009 07:30:42 +0000 花太香齐 http://www.ieliwb.com/?p=44 继续阅读

]]> 一般的网站都有主站、论坛、等其他的频道，可能用的cms不一样，搜索需要打开好几个链接才能分别搜索不同的频道，而利用js可以很方便的打造很好的效果，添加一处代码就可以搜索全站，不过只支持get方式传值的搜索。

代码如下：

js代码：

  1. <script type="text/javascript"><!--
  2. //过滤html等标签
  3. function setContent(str)
  4. {
  5. str = str.replace(/<\/?[^>]*>/g,''); //去除HTML tag
  6. str.value = str.replace(/[ | ]*\n/g,'\n'); //去除行尾空白
  7. str = str.replace(/\n[\s| | ]*\r/g,'\n'); //去除多余空行
  8. return str;
  9. }</div>
  10. <div  mce_tmp="1">//全站搜索
  11. function myiphoness(){
  12. var sk=setContent(myiphonessearch.sk.value);
  13. if(myiphonessearch.z.value==""){
  14. alert("请选择搜索区域!");
  15. return false;
  16. }
  17. if(myiphonessearch.sk.value=="输入关键字"){
  18. alert("请输入您要查询的关键字!");
  19. return false;
  20. }
  21. if(myiphonessearch.sk.value==""){
  22. alert("请输入您要查询的关键字!");
  23. return false;
  24. }
  25. //模糊搜索
  26. if(myiphonessearch.z.value=="0")    location.href="http://www.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=titlekeyword";
  27. //标题搜索
  28. if(myiphonessearch.z.value=="1")    location.href="http://www.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=title";
  29. //论坛搜索
  30. if(myiphonessearch.z.value=="2")    location.href="http://bbs.myiphones.com.cn/search.php?step-2-keyword-"+sk+".html";
  31. //书库搜索
  32. if(myiphonessearch.z.value=="3")    location.href="http://book.myiphones.com.cn/plus/search.php?keyword="+sk+"&#038;kwtype=0&#038;searchtype=titlekeyword";
  33. return false;
  34. }
  35. // --></script>

html代码：

  1. <!-- searchbox -->
  2. <div id="searchbox"><form enctype="application/x-www-form-urlencoded" method="post"><fieldset></fieldset></form>

当然css得自己动手了，这里就不发了。主要是表单，其他的都可以随便改。

]]> http://www.ieliwb.com/js-mulit-search/feed/ 1089