本文實例講述了javascript實現網頁字符定位的方法。分享給大家供大家參考。具體如下:
這裡實現輸入要查詢的字符串,點擊定位後程序會自動跳到匹配的位置上
<html> <form name="f1" action="" onSubmit="if(this.t1.value!=null && this.t1.value!='') findString(this.t1.value);return false"> <input type="text" name=t1 value="" size=20> <input type="submit" name=b1 value="Find"> </form> <p> 導讀:11月2日,美國將舉行中期選舉,眾議院國會議員將全部改選,參議院改選1/3,一些州也將進行州長選舉。奧巴馬能否令心懷不滿的選民支持民主黨,支撐民主黨統治,尚不得而知 </p> <script language="JavaScript"> <!-- var TRange=null function findString (str) { if (parseInt(navigator.appVersion)<4) return; var strFound; if (window.find) { // CODE FOR BROWSERS THAT SUPPORT window.find strFound=self.find(str); if (strFound && self.getSelection && !self.getSelection().anchorNode) { strFound=self.find(str) } if (!strFound) { strFound=self.find(str,0,1) while (self.find(str,0,1)) continue } } else if (navigator.appName.indexOf("Microsoft")!=-1) { // EXPLORER-SPECIFIC CODE if (TRange!=null) { TRange.collapse(false) strFound=TRange.findText(str) if (strFound) TRange.select() } if (TRange==null || strFound==0) { TRange=self.document.body.createTextRange() strFound=TRange.findText(str) if (strFound) TRange.select() } } else if (navigator.appName=="Opera") { alert ("Opera browsers not supported, sorry...") return; } if (!strFound) alert ("String '"+str+"' not found!") return; } //--> </script> </html>
希望本文所述對大家的javascript程序設計有所幫助。