cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan kedudukan aksara halaman web dalam kemahiran javascript_javascript

Bagaimana untuk melaksanakan kedudukan aksara halaman web dalam kemahiran javascript_javascript

WBOY
WBOYasal
2016-05-16 15:50:231438semak imbas

Contoh dalam artikel ini menerangkan kaedah javascript merealisasikan kedudukan aksara halaman web. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Di sini anda memasukkan rentetan untuk ditanya, dan selepas mengklik kedudukan, program akan melompat secara automatik ke kedudukan yang sepadan

<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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery plug-in boxScroll melaksanakan imej carousel effects_jqueryArtikel seterusnya：jQuery plug-in boxScroll melaksanakan imej carousel effects_jquery

Artikel berkaitan

Lihat lagi