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


Posted in Javascript onJuly 14, 2015

本文实例讲述了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程序设计有所帮助。

Javascript 相关文章推荐
javascript 写的一个简单的timer
Jul 30 Javascript
javascript实现日历控件(年月日关闭按钮)
Dec 12 Javascript
JavaScript自定义数组排序方法
Feb 12 Javascript
原生js实现移动开发轮播图、相册滑动特效
Apr 17 Javascript
jQuery实现带有动画效果的回到顶部和底部代码
Nov 04 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
Jun 13 Javascript
js中url对象化管理分析
Dec 29 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
JavaScript实现多张图片放大镜效果示例【不限定图片尺寸,rem单位】
May 14 Javascript
微信小程序的引导页实现代码
Jun 24 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 Javascript
JavaScript取得WEB安全颜色列表的方法
Jul 14 #Javascript
jquery获得当前html页面源码的方法
Jul 14 #Javascript
javascript实现动态表头及表列的展现方法
Jul 14 #Javascript
浅谈JSON.parse()和JSON.stringify()
Jul 14 #Javascript
常用jQuery代码分享
Jul 14 #Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 #Javascript
jQuery插件windowScroll实现单屏滚动特效
Jul 14 #Javascript
You might like
解决phpmyadmin 乱码,支持gb2312和utf-8
2006/11/20 PHP
php生成随机数的三种方法
2014/09/10 PHP
yii使用activeFileField控件实现上传文件与图片的方法
2015/12/28 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
jQuery中wrapAll()方法用法实例
2015/01/16 Javascript
详解js树形控件—zTree使用总结
2016/12/28 Javascript
工厂模式在JS中的实践
2017/01/18 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
Vue脚手架的简单使用实例
2018/07/10 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
js 根据对象数组中的属性进行排序实现代码
2019/09/12 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
2020/04/14 Javascript
Python实现快速排序和插入排序算法及自定义排序的示例
2016/02/16 Python
机器学习python实战之手写数字识别
2017/11/01 Python
Python2和3字符编码的区别知识点整理
2019/08/08 Python
Python的形参和实参使用方式
2019/12/24 Python
python中for in的用法详解
2020/04/17 Python
Django如何实现密码错误报错提醒
2020/09/04 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
HTML5之语义标签介绍
2016/07/07 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
澳大利亚领先的时尚内衣零售商:Bras N Things
2020/07/28 全球购物
高考自主招生自荐信
2013/10/20 职场文书
销售简历自我评价
2014/01/24 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
赔偿协议书范本
2014/04/15 职场文书
作风整顿个人剖析材料
2014/10/06 职场文书
论群众路线学习笔记
2014/11/06 职场文书
骨干教师事迹材料
2014/12/17 职场文书
2019年恭贺升学祝福语集锦
2019/08/15 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python
浅谈MySql整型索引和字符串索引失效或隐式转换问题
2021/11/20 MySQL
Python开发五子棋小游戏
2022/04/28 Python