导航:首页 > 编程语言 > js页面内搜索关键字

js页面内搜索关键字

 发布时间：2023-05-19 14:17:20

1. 如何用js实现页面关键数字搜索

<SCRIPT language=javascript>
<!--
function go(formname)
{
var url = http://www.163ns.com;
formname.method = "get";
if (formname.myselectvalue.value == "1") {
document.search_form1.word.value = document.search_form1.word.value " site:www.163ns.com";
}
formname.action = url;
return true;
}
//-->
</SCRIPT>
<form name="search_form1" target="_blank" onsubmit="return go(this)">
<input name=word size="30" value="请输入关键字" onMouseOver="this.focus()" onBlur="if (value ==''){value='请输入关键字'}" onFocus="this.select()" onClick="if(this.value=='请输入关键字')this.value=''">
<input type="submit" value="搜索">
<INPUT name=myselectvalue type=hidden value=0>
<INPUT name=tn type=hidden value="sayyes">
<INPUT name=cl type=hidden value="3">
<INPUT CHECKED name=myselect onclick=javascript:this.form.myselectvalue.value=0; type=radio value=0>
<FONT color=#0000cc style="FONT-SIZE: 12px">互联网
<INPUT name=myselect onclick=javascript:this.form.myselectvalue.value=1; type=radio value=1>
<FONT color=#ff0000 style="FONT-SIZE: 12px">站内
</form>

2. 静态网页中如何用js实现搜索功能

我的理解:
当前页面只显示一个按钮和一个文本框
新开一个页面,专门用来显示结果

以下内容为在网上找到的搜索代码
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!--＃i nclude file="manage/inc/config.asp"-->
<!--＃i nclude file="inc/conn.asp"-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>爱T发明书店</title>
<link href="/blog/style.css" rel="stylesheet" type="text/css">
</style>
<!-- European format dd-mm-yyyy -->
<script language="JavaScript" src="/blog/calendar.js"></script>

</head>

<body>
<!--＃i nclude file="head.htm"-->

<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="219" align="left" valign="top"><!--＃i nclude file="left.asp"--></td>
<td width="561" align="left" valign="top">
<br> <script language=javascript>
var whitespace = " \t\n\r";

function IsWhitespace (s)
{
var i;
if (IsEmpty(s)) return true;

for (i = 0; i < s.length; i++)
{
var c = s.charAt(i);
if (whitespace.indexOf(c) == -1) return false;
}
return true;
}

function IsEmpty(s)
{
return ((s == null) || (s.length == 0))
}

function IsDate(fDate)
{

var arrDaysInMonth=new Array(12);
arrDaysInMonth[1]=31;
arrDaysInMonth[2]=29;
arrDaysInMonth[3]=31;
arrDaysInMonth[4]=30;
arrDaysInMonth[5]=31;
arrDaysInMonth[6]=30;
arrDaysInMonth[7]=31;
arrDaysInMonth[8]=31;
arrDaysInMonth[9]=30;
arrDaysInMonth[10]=31;
arrDaysInMonth[11]=30;
arrDaysInMonth[12]=31;

if (IsEmpty(fDate))
return true

var NameList=fDate.split("-");
if (NameList.length!=3)
return false

if (!(IsYear(NameList[0]) && IsMonth(NameList[1]) && IsDay(NameList[2])) )
return false

if ( NameList[1]>arrDaysInMonth[NameList[1]] )
return false

if ( (NameList[1]==2) && (NameList[2]>DaysInFebruary(NameList[0]) ) )
return false

return true

}

function search()
{
var name = document.forms['frmdata'].elements['name'].value;
var author = document.forms['frmdata'].elements['author'].value;
var manufacturer = document.forms['frmdata'].elements['manufacturer'].value;
var smallprice = document.forms['frmdata'].elements['smallprice'].value;
var largeprice = document.forms['frmdata'].elements['largeprice'].value;
var enabledate = document.forms['frmdata'].elements['enabledate'].value;
var expiredate = document.forms['frmdata'].elements['expiredate'].value;

if (!IsWhitespace(enabledate))
{
if (!IsDate(enabledate))
{
alert("出版日期 开始日期格式错误!");
return false;
}
}

if (!IsWhitespace(expiredate))
{
if (!IsDate(expiredate))
{
alert("出版日期 结束日期格式错误!");
return false;
}
}

var allNotEmpty = (!IsWhitespace(name)) ||
(!IsWhitespace(author)) ||
(!IsWhitespace(manufacturer)) ||
(!IsWhitespace(smallprice)) ||
(!IsWhitespace(largeprice))||
(!IsWhitespace(enabledate)) ||
(!IsWhitespace(expiredate));

if (!allNotEmpty)
{
alert("必需输入一个搜索条件");
return false;
}

if (!IsWhitespace(smallprice))
{
if (!IsPlusNumeric(smallprice))
{
alert("价格数据不合法");
return false;
}
}

if (!IsWhitespace(largeprice))
{
if (!IsPlusNumeric(largeprice))
{
alert("价格数据不合法");
return false;
}
}

if ((!IsWhitespace(enabledate)) && (!IsWhitespace(expiredate)))
{
if (enabledate>expiredate)
{
alert("出版日期范围错误");
return false;
}
}

if ((!IsWhitespace(smallprice)) && (!IsWhitespace(largeprice)))
{
if (parseFloat(smallprice)>parseFloat(largeprice))
{
alert("价格范围错误");
return false;
}
}
}
</script> <br> <table cellpadding="0" cellspacing="0" border="0">
<tr>
<td><img src="/blog/images/w.gif"></td>
<td style="color:#415373">搜索图书</td>
</tr>
</table> <br> <FORM name=frmdata method=get action="rsearch.asp">
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>

<TBODY>
<TR>
<TD align=right width="31%" height=30>商品名称：</TD>
<TD width="69%"><INPUT name=name class="inputstyle">
</TD>
</TR>
<TR>
<TD align=right width="31%" height=30>作者名称：</TD>
<TD width="69%"><INPUT name=author class="inputstyle">
</TD>
</TR>
<TR>
<TD align=right width="31%" height=30>出版社：</TD>
<TD width="69%"><INPUT name=manufacturer class="inputstyle">
</TD>
</TR>
<TR>
<TD align=right width="31%" height=28>出版时间：</TD>
<TD vAlign=center width="69%"><INPUT name=enabledate class="inputstyle" size=12>
<a
href="javascript:cal1.popup();"><img height=16 alt=点击选择日期
src="/blog/images/cal.gif" width=16 border=0></a> 至
<INPUT name=expiredate class="inputstyle" size=12>
<a
href="javascript:cal2.popup();"><img height=16 alt=点击选择日期
src="/blog/images/cal.gif" width=16 border=0></a> <script language=JavaScript>
var cal1 = new calendar1(document.forms['frmdata'].elements['enabledate']);
cal1.year_scroll = true;
cal1.time_comp = false;
var cal2 = new calendar1(document.forms['frmdata'].elements['expiredate']);
cal2.year_scroll = true;
cal2.time_comp = false;
</script></TD>
</TR>
<TR>
<TD align=right width="31%" height=30>价格范围：</TD>
<TD width="69%"> <input name="smallprice" type="text" id="smallprice" size="5" >
至

<input name="largeprice" type="text" id="largeprice"
size="5" >
</TD>
</TR>
<TR>
<TD align=right height=30>分类：</TD>
<TD><select name=code>
<option value="" selected>所有图书</option>
<%
set rs=server.CreateObject("adodb.recordset")
rs.open "select * from category",conn,1,1
do while not rs.eof
%>
<option value="<%=rs("categoryid")%>" ><%=rs("category")%></option>
<%
rs.movenext
loop
rs.close
set rs=nothing
%>
</select></TD>
</TR>
<TR>
<TD align=right height=30>排序字段：</TD>
<TD><input name="OrderField" type="radio" value="adddate" checked>
添加日期 <input type="radio" name="OrderField" value="proctdate">
出版日期
<input type="radio" name="OrderField" value="price2">
价钱(会员价)
<br>
<br> <input type="radio" name="OrderField" value="vipprice">
价钱(VIP)
<input type="radio" name="OrderField" value="pagenum">
页数<input type="radio" name="OrderField" value="discount">
折扣</TD>
</TR>
<TR>
<TD align=right width="31%" height=30>排序方式：</TD>
<TD width="69%"><input type="radio" name="Order" value="ASC">
升序
<input name="Order" type="radio" value="DESC" checked>
降序</TD>
</TR>
<TR align=center>
<TD height=40 colSpan=2><INPUT type=submit value=开始搜索 name=Submit2 onClick="return search()"> </TD>
</TR>

</TABLE>
</FORM></td>
</tr>
</table>

<!--＃i nclude file="foot.htm"-->
</body>
</html>

3. HTML 页面查找关键词，显示高亮，代码怎么写谢谢！！！！！！

楼主，给你一段ASP站内搜索关键词着色的代码。你看一下就明白怎么来实现了！

<!--#include file="conn.asp"-->
<!------------------------------------
Asp站内搜索的关键字上色！
------------------------------------->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>设计自己的搜索网站</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
-->
</style>
<script type="text/javascript">
function Checktext()
{
if (document.from.text.value.length == 0 )
{
alert("搜索关键字不能为空！");
document.from.text.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form action="?act=search" name="from" method="post" onClick="return Checktext();">
<input name="text" type="text" id="text" />
<input type="submit" name="Submit" value="搜索" />
</form>
</body>
</html>
<%
function FontToColor(Str)
'定义一个字符转换的过程
if not isnull(str) then
str = replace(str,request("text"),"<font color=red>"&request("text")&"</font>")
'转换str中符合request("text")的字符为 <font color=red>字符</font>
FontToColor = str
end if
end function
if request("act")="search" then
set rs=server.CreateObject("adodb.recordset")
rs.open"select * from list where text like '%"&request("text")&"%' order by time desc",conn,1,1
if rs.eof and rs.bof then
response.write"没有记录!"
response.end
else
do while not rs.eof
response.write"<table width='600' border='0' cellspacing='0' cellpadding='0'><br><tr width='600'><td>"
response.write FontToColor(rs("text"))
'查找rs("text")中包含的request("text")字符，并替换
response.write"</td></tr>"
rs.movenext
loop
rs.close
set rs=nothing
end if
end if
%>

4. js怎么获取百度关键词

  1. 关键字需要买的。

  2. 不买只能靠用户search了。

5. 在html表单中输入的信息以json的形式存入js，然后在上面的搜索框中搜索关键字

<!DOCTYPEhtml>
<htmllang="en">
<head>
	<metacharset="UTF-8">
	<title>Document</title>
	<scriptsrc="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<div>
	<inputtype="text"id="name"/>
	<buttonid="search">搜索</button>
</div>
<divid="re">
	搜索结果是：
	<pid="ree"></p>
</div>

<script>
vardata=[];
$("#search").click(function(){
	varname=$("#name").val();
	if(data.indexOf(name)!==-1){
		$("#ree").text(name);
	}else{
		data.push(name);
		$("#ree").text("空");
	}
		console.log(data);
})

</script>
	
</body>
</html>

6. JS怎么实现站内搜索功能

一：对文章关键字的搜索（数组的方法）：

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="utf-8"/>
		<title></title>
		<styletype="text/css">
			#search{
				height:40px;width:200px;font-size:30px;text-align:center;
			}
			#div{
				font-size:20px;width:600px;
			}
			
			#divspan{
				color:red;
			}
		</style>
	</head>
	<body>
		<inputtype="text"name="search"id="search"value="馋"onclick="this.value=''"/>
		<inputtype="button"name=""id="bbtn"value="搜索"/>
		<divid="div">
			<p>馋，在英文里找不到一个十分适当的字。罗马暴君尼禄，以至于英国的亨利八世，在大宴群臣的时候，常见其撕下一根根又粗又壮的鸡腿，举起来大嚼，旁若无人，好一副饕餮相！但那不是馋。埃及废王法鲁克，据说每天早餐一口气吃二十个荷包蛋，也不是馋，只是放肆，只是没有吃相。对有某一种食物有所偏好，于是大量的吃，这是贪多无厌。馋，则着重在食物的质，最需要满足的是品味。上天生人，在他嘴里安放一条舌，舌上还有无数的味蕾，教人焉得不馋？馋，基于生理的要求；也可以发展成为近于艺术的趣味。
也许我们中国人特别馋一些。馋字从食，有声。毚音谗，本义是狡兔，善于奔走，人为了口腹之欲，不惜多方奔走以膏馋吻，所谓“为了一张嘴，跑断两条腿”。</p>
		</div>
	<scripttype="text/javascript">
varbbtn=document.getElementById('bbtn');
varsearch=document.getElementById('search');
vartext=document.getElementsByTagName('p')[0];
vartext1=text.innerHTML;
vararr=[];
varstr=text1;
bbtn.onclick=function(){
	str=text1
	arr=search.value;
str=str.split(arr).join('<span>'+arr+'</span>');
text.innerHTML=str;
}

	</script>
	</body>
</html>

二：对li表单的搜索：

<!DOCTYPEhtml>
<html>
	<head>
		<metacharset="UTF-8">
		<title></title>
		<styletype="text/css">
			*{
				padding:0;margin:0;
			}
			#content{
				margin:100px300px;display:block;
			}
			input{
				height:50px;width:400px;font-size:30px;line-height:50px;
			}
			ul{
		
			}
			li{
				margin:10px0px;display:block;
			}
		</style>
	</head>
	<body>
		<divid="content">
	
		<ul>
			<inputtype=""name=""id=""value=""placeholder="请输入城市的名称或拼音"/>
			<lipname="北京"cname="bj">北京</li>
			<lipname="株洲"cname="zz">株洲</li>
			<lipname="上海"cname="sh">上海</li>
			<lipname="长沙"cname="cs">长沙</li>
			<lipname="杭州"cname="hz">杭州</li>
			<lipname="天津"cname="tj">天津</li>
			<lipname="西安"cname="xa">西安</li>
			<lipname="成都"cname="cd">成都</li>
			<lipname="武汉"cname="wh">武汉</li>
			<lipname="南京"cname="nj">南京</li>
		</ul>
				
		</div>
<scripttype="text/javascript">
	varli=document.getElementsByTagName('li');
	vartext=document.getElementsByTagName('input')[0];
	functionsearch(){
		vararr=text.value;
		for(vari=0;i<li.length;i++)
		{
			li[i].style.display="none";
			if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)
			{
				li[i].style.display="block";
			}
		}
	}
text.oninput=function(){
	search();
}
</script>
	</body>
</html>

7. dedecms搜索结果页 怎么调用被搜索的关键词

两种方法：
一、用div+css实现
1、建立一个隐藏的div，把搜索词放里，如：<div id="searchword" style="display:none">{dede:global name='keyword' function='RemoveXSS(@me)'/}</div>

2、在循环中放置一些专div，统一class，如：<div class="searchWordShow"></div>

3、用js取出这个属关键词，放到class为searchWordShow的div中。

二、jquery方法比较简单，如下：
var searchword = $("#searchword").text();
$('searchwordShow').each(function(){
$(this).text(searchWord);
})

8. js如何根据一段话,赛选出改话的关键词

你好，这个用一个简单的正则替换一下就出来了。

首先关键词使用英文","分割，示例代码如下：

vararticle='关键词源于英文“keywords”，特指单个媒体在制作使用索引时，所用到的词汇。是图书馆学中的词汇。关键词搜索是网络搜索索引主要方法之一，就是希望访问者了解的产品、服务和公司等的具体名称用语。',
keywords='关键词,网络,索引,公司',
rKw=newRegExp('('+keywords.replace(/,/g,'|')+')','g');
article=article.replace(rKw,'<strongclass="keywords">$1</strong>');
console.log(article);//<strongclass="keywords">关键词</strong>源于英文“keywords”，特指单个媒体在制作使用<strongclass="keywords">索引</strong>时，所用到的词汇。是图书馆学中的词汇。<strongclass="keywords">关键词</strong>搜索是<strongclass="keywords">网络</strong>搜索<strongclass="keywords">索引</strong>主要方法之一，就是希望访问者了解的产品、服务和<strongclass="keywords">公司</strong>等的具体名称用语。

最后的结果article字符串中被strong标签包裹的就是关键词，只需要在.keywords上添加css样式，使其突出显示就可以了。当然也可以修改为其他标签，比如：a 等。

希望能帮你解决问题，望采纳~~

9. 百度能抓取到用js添加的网页内容吗比如title，关键词等，用js添加的网页内容对搜索引擎友好度怎样

js添加的网页内容要通用浏览器的解释才能显示出来的，网络蜘蛛不解释JS代码，所以不会收录

10. 怎么实现js判断搜索引擎搜索关键词是否包含某关键字

var ss = '你好来，早上好，晚安';//对比源字符串
var s = '好';//可能包含的关键字
var is = '';
if(ss.indexOf(s)==-1){
is = '不包含';
}else{
is = '包含';

}
//下面改改
$('.announcement').parent().append('<p>"'+ss+'" '+is+' "'+s+'"</p>');

阅读全文

与js页面内搜索关键字相关的资料

热点内容
cad新文件能找回来吗 浏览：951
导出手机qq文件到u盘 浏览：456
电脑如何打开ppt文件怎么打开方式 浏览：782
魅族锁定区文件夹 浏览：357
刻字cnc怎么编程 浏览：182
学校的网络拓扑结构图 浏览：784
收集100个pdf文件里关键词 浏览：594
苹果关闭4g网络设置 浏览：289
如何监测数据库 浏览：967
拷贝过来的pdf文件 浏览：751
抖音小店的访客数据怎么看 浏览：670
怎么把c语言编程的字符向下移动 浏览：786
sql删除文件组代码 浏览：978
安卓post请求多重json 浏览：776
微信消除数据怎么恢复 浏览：918
小米刷机显示系统找不到指定文件 浏览：528
苹果手机小风扇图app叫什么 浏览：292
繁体中文输入工具 浏览：916
pc桌面壁纸文件夹 浏览：473
微信怎么添加群 浏览：781

友情链接