本文目录一览：
静态网页中如何用js实现搜索功能？
table id=”test”
tr
tdinput value=”testsetsetestestsetsetsetset”/input/td
tdinput value=”aaabbbaaabbbaaa”/input/td
tdinput value=”testsetsetestestsetsetsetset”/input/td
/tr
tr
tdinput value=”aaacccbbbbcccc”/input/td
tdinput value=”testsetsetestestsetsetsetset”/input/td
tdinput value=”testsetsetestestsetsetsetset”/input/td
/tr
/table
textarea name=”txtBox” rows=”7″ cols=”50″ id=”txtBox”
菊花台 (满城尽带黄金甲主题曲)
歌手：周杰伦 专辑：依然范特西
你的泪光 柔弱中带伤
惨白的月弯弯 勾住过往
夜太漫长 凝结成了霜
是谁在阁楼上冰冷的绝望
雨轻轻淌 朱红色的窗
我一生在纸上 被风吹乱
梦在远方 化成一缕霞
随风飘散 你的模样
菊花惨淡地伤 你的笑容已泛黄
花落人断肠 我心事静静淌
北风乱夜未央 你的影子剪不断
徒留我孤单在湖面生霜
/textareabr
input type=”text” value=”输入要查询的内容” id=”txtFind”
input type=”button” value=”表查找” onclick=”searchclick()”
input type=”button” value=”简单查找” onclick=”findText(txtFind.value)”
script language=”javascript”
var searchobj = new Object;
var rng = new Object;
searchobj.row = -1;
searchobj.col = -1;
function searchclick(){
findText2(“test”,txtFind.value);
}
function findText2(tabname,str){
var tab = document.getElementById(tabname);
var rowobj = tab.rows;
//行数
var rownum = rowobj.length;
if(searchobj.row != -1 searchobj.col != -1 ){
var trobj = tab.rows[searchobj.row];
//列数
var tdnum = trobj.cells.length;
//定义一个变量，作为moveStart()函数的偏移量，即开始点跳过选择文本
var num = 0;
if(document.selection)
num = document.selection.createRange().text.length;
//每次调用函数，结束点都为末尾，而开始点是跳过选择文本后的新开始点
rng.moveStart(“character”,num);
rng.moveEnd(“character”,rowobj[searchobj.row].cells[searchobj.col].childNodes[0].value.length);
//搜索到后选择文本
if(rng.findText(str))
rng.select();
if(rng.text==str){
return;
}
//如果上次查询结果是最后一列
if(searchobj.col tdnum-1){
for(var ii=searchobj.col+1;iitdnum;ii++){
rng = rowobj[searchobj.row].cells[ii].childNodes[0].createTextRange();
//搜索到后选择文本
if(rng.findText(str))
rng.select();
if(rng.text==str){
searchobj.col = ii;
return;
}
}
}
//如果上次查询结果不是最后一行
if(searchobj.row != rownum-1){
for(var i=searchobj.row+1;irownum;i++){
var trobj = tab.rows[i];
//列数
var tdnum = trobj.cells.length;
for(var j=0;jtdnum;j++){
if(rowobj[i].cells[j].childNodes[0].tagName == “INPUT”){
rng = rowobj[i].cells[j].childNodes[0].createTextRange();
//搜索到后选择文本
if(rng.findText(str))
rng.select();
if(rng.text==str){
searchobj.row = i;
searchobj.col = j;
return;
}
}
if(i==rownum-1 j==tdnum-1){
searchobj.row = -1;
searchobj.col = -1;
findText2(tabname,str);
}
}
}
}
else{
searchobj.row = -1;
searchobj.col = -1;
findText2(tabname,str);
}
}
else
{
for(var i=0;irownum;i++){
var trobj = tab.rows[i];
//列数
var tdnum = trobj.cells.length;
for(var j=0;jtdnum;j++){
if(rowobj[i].cells[j].childNodes[0].tagName == “INPUT”){
rng = rowobj[i].cells[j].childNodes[0].createTextRange();
//搜索到后选择文本
if(rng.findText(str))
rng.select();
if(rng.text==str){
searchobj.row = i;
searchobj.col = j;
return;
}
}
if(i==rownum-1 j==tdnum-1){
alert(“没有您要查找的内容”);
}
}
}
}
}
var rng = document.body.createTextRange();
function findText(str)
{
debugger;
if(str==””)
return;
//定义一个变量，作为moveStart()函数的偏移量，即开始点跳过选择文本
var num = 0;
if(document.selection)
num = document.selection.createRange().text.length;
//每次调用函数，结束点都为末尾，而开始点是跳过选择文本后的新开始点
rng.moveStart(“character”,num);
rng.moveEnd(“character”,txtBox.value.length);
//搜索到后选择文本
if(rng.findText(str))
rng.select();
//搜索到最后的范围还是找不到，则提示搜索完毕，并重新恢复rng最初的范围(否则无法执行新搜索)
if(rng.text!=str)
{
alert(“搜索完毕”);
rng = txtBox.createTextRange();
}
rng = txtBox.createTextRange();
}
/script
求做一个在本网站站内搜索的JS代码，莫乱复制过来。
额..站内搜索是要链接数据库的,,JS一般不太用..页面搜索JS用的倒是比较多
js搜索框代码
/* 问题不够明确 */
input class=”ipt_search” type=”search” placeholder=”请输入搜索内容”/
script
/* 搜索input */
var searchIpt = document.getElementsByClassName(‘ipt_search’)[0];
/* 搜索内容 */
var searchValue = searchIpt.value;
/script
js如何实现划词搜索分享代码
javascript实现划词标记+划词搜索功能代码实例
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
html
head
titleUntitled Document/title
meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″
/head
body
SCRIPT language=javascript
!–
document.body.onload=adddiv;
document.onmousedown=recordobj;
document.ondblclick=dbclick;
document.onmouseup=showselect;
var starobj,isdb=false,allow=true;
function isallow()
{
if(allow){
allow=false;
alert(‘is closed’);
}
else{
allow=true;
alert(‘is opend’);
}
}
function dbclick()
{
isdb=true;
}
function recordobj()
{
starobj=event.srcElement;
}
function showselect() {
var str=””;
if(event.srcElement.tagName!=”A”event.srcElement.tagName!=”INPUT”event.srcElement==starobj!isdballow)
{
var oText=document.selection.createRange();
if(oText.text.length0)
{
str=oText.text;
oText.text=”BuB”+oText.text+”EuE”;
}
oText.select();
event.srcElement.innerHTML=event.srcElement.innerHTML.replace(“BuB”,”u style=’FONT-WEIGHT: bold;COLOR: #ff3366′”).replace(“EuE”,”/u”);
}
searchgoogle(str)
isdb=false;
}
function searchgoogle(str)
{
var obj=document.getElementById(“searchgoogle”);
if(str.length0)
{
obj.style.display=”block”;
obj.style.position=”absolute”;
obj.style.zindex=999;
obj.style.posTop=document.body.scrollTop+event.y-25;
obj.style.posLeft=document.body.scrollLeft+event.x+5;
obj.style.widht=80;
obj.innerHTML=”a target=_blank href=;oe=UTF-8q=”+str+” style=’BORDER-RIGHT: royalblue thin solid; BORDER-TOP: royalblue thin solid; FONT-WEIGHT: bold; BORDER-LEFT: royalblue thin solid; CLIP: rect(auto auto auto auto); COLOR: #ffffff; BORDER-BOTTOM: royalblue thin solid; BACKGROUND-COLOR: inactivecaption; TEXT-DECORATION: none’Search It！/a”;
}
else
{
obj.style.display=”none”;
}
}
function adddiv()
{
var mobj = document.createElement(“div”);
mobj.id=”searchgoogle”;
document.body.appendChild(mobj);
}
//–
/SCRIPT
INPUT type=”button” onclick=”isallow()” value=”关闭/打开划词功能”
pqrasfdasfasfdasfsafasdfsafsafasdfasdfasd/p
/body
/html
搜索引擎代码
百度代码
谷歌代码:script type=”text/javascript”!–
google_ad_client = “pub-1823078279817872”;
google_ad_format = “configurable_sdo”;
google_link_target = 2;
google_color_bg = “ffffff”;
google_color_link = “000000”;
google_color_text = “000000”;
google_encoding = “GB2312”;
google_ad_channel = “0788295894”;
google_box_len = 31;
google_logo_pos = “left”;
google_ad_height = 30;
google_ad_width = 500;
//–
/script
script type=”text/javascript”
src=””
/script
搜搜代码
腾讯搜搜SOSO站内免费搜索代码:
——————————————————————————–
将以下HTML代码放入您的网页中即可进行站内检索(需将换成您网站的域名)
!–Begin of Search QQ –form method=”get” action=”” target=_blanka href=”” target=”_blank”img src=”” border=”0″ align=”absbottom”/ainput type=”text” name=”w” size=”30″ maxlength=”50″input type=”hidden” name=”sc” value=”site”input type=”submit” value=”在 站内搜索”input type=”hidden” name=”site” value=””input type=”hidden” name=”ch” value=”website”/form!–End of Search QQ —
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/254358.html
微信扫一扫 
支付宝扫一扫 