怎樣用 Javascript 模擬點(diǎn)擊按鈕執(zhí)行搜索?

1、使用js模擬，其實(shí)就是給按鈕添加onclick命令，然后表單action寫好跳轉(zhuǎn)后臺(tái)處理方法，數(shù)據(jù)發(fā)送方式，默認(rèn)的發(fā)送命令是form.submit()。直接發(fā)送出去。

10多年的青浦網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。營銷型網(wǎng)站建設(shè)的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整青浦建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“青浦網(wǎng)站設(shè)計(jì)”,“青浦網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

form action="/fmpost" method="post" name="fm"

button name="btn" onclick="fm.submit();"/button

/form

2、或者表單action不寫跳轉(zhuǎn)方法，直接在button的onclick上寫好發(fā)送鏈接。

form action="" method="post" name="fm" id="fm"

button name="btn" onclick="document.getElementById('fm').action='/fmpost';document.getElementById('fm').submit();"/button/form

搜索引擎能識(shí)別js文件嗎？

1、js就是調(diào)用一個(gè)js文件 也就是利用js來調(diào)用某些經(jīng)常需要更改的東西。js文件只需用記事本就可打開修改,修改完成必須以js為后綴的文件。搜索引擎讀取不了js文件,因此我們才會(huì)將一些與頁面不相關(guān)的內(nèi)容,以js外部文件方式調(diào)用,以提高網(wǎng)站主題性。js會(huì)被運(yùn)用在ajax里,也就是異步傳輸,就像你在搜索框里輸入字,然后下面會(huì)出來一排搜索提示,因?yàn)檫@個(gè)數(shù)據(jù)具有高度可變異性,非常難以處理。js代碼因?yàn)槎际且恍┠_本編程語言,常見的很多頁面特效都是采用js代碼,有代碼常識(shí)的人都能看出來js代碼存在大量循環(huán)函數(shù),一旦蜘蛛爬進(jìn)去了,它就爬不出來了,一直處于死循環(huán)狀態(tài)了,因此搜索引擎不太敢讀js文件。隨著搜索引擎技術(shù)提高,現(xiàn)在的谷歌已經(jīng)具備讀取簡單js代碼能力,不過百度目前還是比較忌諱js。2、切記不要阻止對(duì).js文件的收錄 很多站長會(huì)使用js技術(shù),采用.js文件導(dǎo)入的形式。假如采用了搜索引擎阻止抓取的命令,就會(huì)導(dǎo)致搜索引擎不能抓取.js文件,從而導(dǎo)致其不能很好的對(duì)js進(jìn)行識(shí)別。這樣不僅會(huì)限制javascript解析的能力,而且對(duì)網(wǎng)站優(yōu)化也是不利的,因此建議不要阻止.js文件的抓取。3、復(fù)雜的javascript技術(shù)影響搜索引擎收錄 建議站長不要使用過于復(fù)雜的javascript技術(shù),這對(duì)搜索引擎的收錄十分不利。搜索引擎技術(shù)的應(yīng)用也是從簡單到復(fù)雜,從不完善到不斷成熟,只能認(rèn)識(shí)簡單的js代碼,對(duì)于復(fù)雜的js代碼還不能識(shí)別,因此現(xiàn)在站長盡量選用簡單的js代碼,這樣也有利于seo網(wǎng)站優(yōu)化。4、靜態(tài)和動(dòng)態(tài)鏈接要合理劃分

JS怎么實(shí)現(xiàn)站內(nèi)搜索功能？

一：對(duì)文章關(guān)鍵字的搜索（數(shù)組的方法）：

!DOCTYPE?html

html

head

meta?charset="utf-8"?/

title/title

style?type="text/css"

#search{

height:40px;width:?200px;font-size:?30px;text-align:?center;

}

#div?{

font-size:?20px;width:?600px;

}

#div?span{

color:?red;

}

/style

/head

body?

input?type="text"?name="search"?id="search"?value="饞"?onclick="this.value=''?"/

input?type="button"?name=""?id="bbtn"?value="搜索"?/

div?id="div"

p饞，在英文里找不到一個(gè)十分適當(dāng)?shù)淖帧Ａ_馬暴君尼祿，以至于英國的亨利八世，在大宴群臣的時(shí)候，常見其撕下一根根又粗又壯的雞腿，舉起來大嚼，旁若無人，好一副饕餮相！但那不是饞。埃及廢王法魯克，據(jù)說每天早餐一口氣吃二十個(gè)荷包蛋，也不是饞，只是放肆，只是沒有吃相。對(duì)有某一種食物有所偏好，于是大量的吃，這是貪多無厭。饞，則著重在食物的質(zhì)，最需要滿足的是品味。上天生人，在他嘴里安放一條舌，舌上還有無數(shù)的味蕾，教人焉得不饞？饞，基于生理的要求；也可以發(fā)展成為近于藝術(shù)的趣味。?

也許我們中國人特別饞一些。饞字從食，有聲。毚音讒，本義是狡兔，善于奔走，人為了口腹之欲，不惜多方奔走以膏饞吻，所謂“為了一張嘴，跑斷兩條腿”。/p

/div

script?type="text/javascript"

var?bbtn=document.getElementById('bbtn');

var?search=document.getElementById('search');

var?text=document.getElementsByTagName('p')[0];

var?text1=text.innerHTML;

var?arr=[];

var?str=text1;

bbtn.onclick=function(){

str=text1

arr=search.value;

str=str.split(arr).join('span'+arr+'/span');

text.innerHTML=str;

}

/script

/body

/html

二：對(duì)li表單的搜索：

!DOCTYPE?html

html

head

meta?charset="UTF-8"

title/title

style?type="text/css"

*{

padding:?0;margin:?0;

}

#content{

margin:?100px?300px;display:?block;

}

input{

height:?50px;width:?400px;font-size:?30px;line-height:?50px;

}

ul{

??

}

li{

margin:10px?0px;display:?block;

}

/style

/head

body

div?id="content"

ul

input?type=""?name=""?id=""?value=""?placeholder="請(qǐng)輸入城市的名稱或拼音"/

li?pname="北京"?cname="bj"北京/li

li?pname="株洲"?cname="zz"株洲/li

li?pname="上海"?cname="sh"上海/li

li?pname="長沙"?cname="cs"長沙/li

li?pname="杭州"?cname="hz"杭州/li

li?pname="天津"?cname="tj"天津/li

li?pname="西安"?cname="xa"西安/li

li?pname="成都"?cname="cd"成都/li

li?pname="武漢"?cname="wh"武漢/li

li?pname="南京"?cname="nj"南京/li

/ul

/div

script?type="text/javascript"

var?li=document.getElementsByTagName('li');

var?text=document.getElementsByTagName('input')[0];

function?search(){

var?arr=text.value;

for(var?i=0;ili.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

JavaScript靜態(tài)搜索

代碼：

1 form.htm

起始頁面，頁面里有查詢框。

script language="javascript"

function gosearch(){

if (str.value==""){ alert ("請(qǐng)輸入查找的內(nèi)容！"); return false; }

window.location="query.htm?"+str.value;

}

function getkey(){

if(window.event.keyCode == 13) gosearch();

}

/script

input name="str" type="text" id="str" /

input type="button" name="Button" value="查找" onclick="gosearch()" /

script

str.focus();

document.onkeydown=getkey;

/script

2 query.htm

搜索頁面，接收上個(gè)頁面 傳來的參數(shù)。

script language="javascript"

var titlearray = new Array(); //關(guān)鍵字?jǐn)?shù)組

var urlarray = new Array(); //超級(jí)鏈接數(shù)組

var fitarray = new Array(); //符合要求的數(shù)組

/script

script type="text/javascript" src="title.js"/script//加載關(guān)鍵字

script type="text/javascript" src="url.js"/script//加載超級(jí)鏈接

script language="javascript"

var args = window.location.href.split("?");//用問號(hào)為間隔，各個(gè)參數(shù)寫入數(shù)組args

var target = args[1]; //要找的字符串

for (var i=0; ititlearray.length; i++){

if (titlearray[i].indexOf(target)!=-1){

fitarray.push(i);//將要找的結(jié)果寫入數(shù)組。也可以不用數(shù)組，直接顯示。

}

}

var resultstr = "";

if (fitarray.length ==0 ){

resultstr += "抱歉，沒有找到資料。";

}

for (j in fitarray){

resultstr += "a href=\""+ urlarray [fitarray[j]] +"\" target=\"_blank\""+ titlearray[fitarray[j]]+"

";//結(jié)果內(nèi)容賦值給了resultstr

}

/script

div id="result"/div

script language="javascript"

document.getElementById("result").innerHTML += resultstr;//顯示結(jié)果內(nèi)容

/script

3 title.js 關(guān)鍵字文件

titlearray [0] = "keyword1";

titlearray [1] = "keyword2";

titlearray [2] = "keyword3";

url.js 超級(jí)鏈接文件

urlarray [0] = "1.htm";

urlarray [1] = "2.htm";

urlarray [2] = "3.htm";

這兩個(gè)文件需要下標(biāo)對(duì)應(yīng)，不能錯(cuò)位。

如何用Javascript實(shí)現(xiàn)搜索功能

這里有一個(gè)簡單的站內(nèi)搜索功能

SCRIPT?language=javascript

!--

function?go(formname)

{

var?url?=?;

formname.method?=?"get";

if?(formname.myselectvalue.value?==?"1")?{

document.search_form1.word.value?=?document.search_form1.word.value?"?site:";

}

formname.action?=?url;

return?true;

}

//--

/SCRIPT

form?name="search_form1"?target="_blank"?onsubmit="return?go(this)"

input?name=word?size="30"?value="請(qǐng)輸入關(guān)鍵字"?onMouseOver="this.focus()"?onBlur="if?(value?==''){value='請(qǐng)輸入關(guān)鍵字'}"?onFocus="this.select()"?onClick="if(this.value=='請(qǐng)輸入關(guān)鍵字')this.value=''"

input?type="submit"?value="搜索"br

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"互聯(lián)網(wǎng)?

INPUT?name=myselect?onclick=javascript:this.form.myselectvalue.value=1;?type=radio?value=1

FONT?color=#ff0000?style="FONT-SIZE:?12px"站內(nèi)?

/form

javascript搜索功能是怎么實(shí)現(xiàn)的？要跟后臺(tái)交互吧？是不是和過濾功能差不多原理？

搜索功能有多種實(shí)現(xiàn)方式 ，前后端都可以實(shí)現(xiàn)

第一種：

頁面內(nèi)搜索（類似CTRL+F），這個(gè)可以純前端完成，直接用js匹配搜索結(jié)果，進(jìn)行隱藏顯示或改變顏色等

第二種：

純后端方案，將搜索的字符串拼接到一個(gè)新的url參數(shù)后，然后跳轉(zhuǎn)到生成的url上，直接顯示新頁面搜索結(jié)果，如最早的baidu搜索就是一個(gè)跳轉(zhuǎn) ，目前baidu已經(jīng)不使用這種方式

第三種：

Ajax搜索，需要前后端配合，將關(guān)鍵字發(fā)送一個(gè)請(qǐng)求到后端，后端需要將結(jié)果的數(shù)據(jù)傳給前端，前端根據(jù)返回的數(shù)據(jù)，重新對(duì)頁面部分進(jìn)行渲染

CTRL+F不支持正則，這個(gè)是瀏覽器自帶的功能，由于正則對(duì)于普通用戶來說，是很專業(yè)的，瀏覽器一般不會(huì)去支持很少有人會(huì)用的功能，當(dāng)然是否支持取決于瀏覽器廠商的想法

當(dāng)前文章：搜索javascript,搜索引擎優(yōu)化
URL分享：http://chinadenli.net/article37/dsedhpj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、標(biāo)簽優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、App設(shè)計(jì)、網(wǎng)站內(nèi)鏈、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)