News新闻

业界新闻动态、技术前沿
Who are we?

您的位置:首页      网站知识      免费搜索代码:如何利用百度做一个企业网站内搜索?
[HTML+JS]

免费搜索代码:如何利用百度做一个企业网站内搜索?

标签: [HTML+JS] [DIV+CSS] [网站100问] 发布日期:2024-06-19 12:02:19 497

方法1、直接使用百度的代码   网址是:http://d.baidu.com/search/freecode.html

注意 百度生成的代码中,表单是提交到http://www.baidu.com/baidu的,要改为https才行,否则浏览器会提示“您即将提交的信息不安全”


方法2、还是使用百度搜索,但是改为自己的代码

需要实现的效果是,在输入框为空的时候不可点击搜索按钮,输入框输入内容后,拼接自己网站的网址后,统一提交到百度去搜索。

实际效果见下面网址

https://www.xinhe17.com/ceshiyizhishi/140/1419.html


接下来贴代码部分

html部分

注意 百度生成的代码中,表单是提交到http://www.baidu.com/baidu的,要改为https才行,否则浏览器会提示“您即将提交的信息不安全”

<form id="search" action="http://www.baidu.com/baidu" target="_blank" οnsubmit="return false;">

<table bgcolor="#FFFFFF">



<input name=tn type=hidden value=baidu>

<input type=text id="search_word" class="search_word" placeholder="请输入关键词" name=search_word size=22 onblur="search();">

<input type=hidden id="word" name=word >

<input type="submit" class="ser_but" id="search_but" onsubmit="search();" value="站内搜索">




css部分




JS部分  使用jq插件

<script type="text/javascript">

$('#search').on('submit', function(event) {

if(!search()){

// 阻止提交表单

event.preventDefault();

}

});

function search(){

var search_word = $("#search_word").val();

if(search_word !=''){

// 按钮颜色变化

$("#search_but").removeClass("disable").addClass("able");

$("#search_but").attr('disable',false);//禁用按钮

// 拼接搜索指令,发送到百度s

search_word = "site:{$sys.domain} "+search_word;

$("#word").val(search_word);

return true;

}else{

// 清空隐藏域 即提交到百度的指令

$("#word").val('');

// 按钮颜色变化

$("#search_but").removeClass("able").addClass("disable");

$("#search_but").attr('disable',true);//启用按钮

return false;

}

}


上面的{$sys.domain}  替换为您自己的网站域名即可,注意不需要加http://或者https://