首页 > 语言 > JavaScript > 正文

javascript实现网页字符定位的方法

2024-05-06 16:23:09
字体:
来源:转载
供稿:网友

这篇文章主要介绍了javascript实现网页字符定位的方法,实例分析了javascript页面元素查找与定位的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript实现网页字符定位的方法。分享给大家供大家参考。具体如下:

这里实现输入要查询的字符串,点击定位后程序会自动跳到匹配的位置上

 

 
  1. <html> 
  2. <form name="f1" action="" 
  3. onSubmit="if(this.t1.value!=null && this.t1.value!=''
  4. findString(this.t1.value);return false"> 
  5. <input type="text" name=t1 value="" size=20> 
  6. <input type="submit" name=b1 value="Find"
  7. </form> 
  8. <p> 
  9. 导读:11月2日,美国将举行中期选举,众议院国会议员将全部改选,参议院改选1/3,一些州也将进行州长选举。奥巴马能否令心怀不满的选民支持民主党,支撑民主党统治,尚不得而知 
  10. </p> 
  11. <script language="JavaScript"
  12. <!-- 
  13. var TRange=null 
  14. function findString (str) { 
  15. if (parseInt(navigator.appVersion)<4) return
  16. var strFound; 
  17. if (window.find) { 
  18. // CODE FOR BROWSERS THAT SUPPORT window.find 
  19. strFound=self.find(str); 
  20. if (strFound && self.getSelection && !self.getSelection().anchorNode) { 
  21. strFound=self.find(str) 
  22. if (!strFound) { 
  23. strFound=self.find(str,0,1) 
  24. while (self.find(str,0,1)) continue 
  25. else if (navigator.appName.indexOf("Microsoft")!=-1) { 
  26. // EXPLORER-SPECIFIC CODE 
  27. if (TRange!=null) { 
  28. TRange.collapse(false
  29. strFound=TRange.findText(str) 
  30. if (strFound) TRange.select() 
  31. if (TRange==null || strFound==0) { 
  32. TRange=self.document.body.createTextRange() 
  33. strFound=TRange.findText(str) 
  34. if (strFound) TRange.select() 
  35. else if (navigator.appName=="Opera") { 
  36. alert ("Opera browsers not supported, sorry..."
  37. return
  38. if (!strFound) alert ("String '"+str+"' not found!"
  39. return
  40. //--> 
  41. </script> 
  42. </html> 

希望本文所述对大家的javascript程序设计有所帮助。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选