快捷導(dǎo)航

javascript實(shí)現(xiàn)網(wǎng)頁字符定位的方法

更新時(shí)間：2015年07月14日 15:40:24 作者：愷哥

這篇文章主要介紹了javascript實(shí)現(xiàn)網(wǎng)頁字符定位的方法,實(shí)例分析了javascript頁面元素查找與定位的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了javascript實(shí)現(xiàn)網(wǎng)頁字符定位的方法。分享給大家供大家參考。具體如下：

這里實(shí)現(xiàn)輸入要查詢的字符串，點(diǎn)擊定位后程序會(huì)自動(dòng)跳到匹配的位置上

<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>
導(dǎo)讀：11月2日，美國將舉行中期選舉，眾議院國會(huì)議員將全部改選，參議院改選1/3，一些州也將進(jìn)行州長選舉。奧巴馬能否令心懷不滿的選民支持民主黨，支撐民主黨統(tǒng)治，尚不得而知
</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程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

JSONP解決JS跨域問題的實(shí)現(xiàn)
這篇文章主要介紹了JSONP解決JS跨域問題的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-05-05
?javascript數(shù)組中的slice方法和join??方法
這篇文章主要介紹了?javascript數(shù)組中的slice方法和join??方法，文章內(nèi)容介紹詳細(xì)，具有一的參考價(jià)值，需要的小伙伴可以參考一下，希望對你的學(xué)習(xí)有所幫助
2022-03-03
javascript計(jì)算當(dāng)月剩余天數(shù)(天數(shù)計(jì)算器)示例代碼
本文介紹了利用Javascript在網(wǎng)頁上計(jì)算當(dāng)前月份的剩余天數(shù)的方法，大家參考使用吧
2014-01-01
在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
下面小編就為大家?guī)硪黄趆tml中引入外部js文件,并調(diào)用帶參函數(shù)的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
可能被忽略的一些JavaScript數(shù)組方法細(xì)節(jié)
這篇文章主要給大家介紹了一些可能被忽略的JavaScript數(shù)組方法細(xì)節(jié)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-02-02
JavaScript中的邏輯判斷符&&、||與!介紹
這篇文章主要介紹了JavaScript中的邏輯判斷符&&、||與!介紹,本文講解了邏輯與&&的處理規(guī)則、邏輯或||的處理規(guī)則、!操作符,需要的朋友可以參考下
2014-12-12
JS實(shí)現(xiàn)彈出浮動(dòng)窗口(支持鼠標(biāo)拖動(dòng)和關(guān)閉)實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)彈出浮動(dòng)窗口,可支持鼠標(biāo)拖動(dòng)和關(guān)閉的功能,界面美觀大方,涉及javascript動(dòng)態(tài)創(chuàng)建對話框的相關(guān)技巧,需要的朋友可以參考下
2015-08-08
JavaScript常用進(jìn)制轉(zhuǎn)換及位運(yùn)算實(shí)例解析
這篇文章主要介紹了JavaScript常用進(jìn)制轉(zhuǎn)換及位運(yùn)算實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
javascript實(shí)現(xiàn)打磚塊小游戲(附完整源碼)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)打磚塊小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
javascript hashtable實(shí)現(xiàn)代碼
javascript中沒有像c#,java那樣的哈希表(hashtable), 然而，javascript中的Array也只有一些類似于'哈希表'的非常簡單功能。
2009-10-10