導航:首頁 > 編程語言 > 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頁面內搜索關鍵字相關的資料

熱點內容
炫酷字體APP下載的文件在哪裡 瀏覽：668
廊坊哪裡有少兒編程機構 瀏覽：312
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

友情鏈接