这篇文章主要介绍了 javascript 实现网页字符定位的方法, 实例分析了 javascript 页面元素查找与定位的相关技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: