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 相关文章推荐
js几个验证函数代码
Mar 25 Javascript
一个轻量级的javascript库 pj介绍
Dec 19 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
jQuery手机浏览器中拖拽动作的艰难性分析
Feb 04 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
javascript实现对表格元素进行排序操作
Nov 18 Javascript
HTML5 JS压缩图片并获取图片BASE64编码上传
Nov 16 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
jQuery validata插件实现方法
Jun 25 jQuery
浅谈webpack4.x 入门(一篇足矣)
Sep 05 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
在vue中嵌入外部网站的实现
Nov 13 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
一个用于MySQL的PHP XML类
2006/10/09 PHP
PHP中$_SERVER的详细参数与说明
2008/07/29 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
让codeigniter与swfupload整合的最佳解决方案
2014/06/12 PHP
PHP return语句另类用法不止是在函数中
2014/09/17 PHP
php格式化日期实例分析
2014/11/12 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
十个优秀的Ajax/Javascript实例网站收集
2010/03/31 Javascript
Js四则运算函数代码
2012/07/21 Javascript
JavaScript中split() 使用方法汇总
2015/04/17 Javascript
jQuery实现商品活动倒计时
2015/10/16 Javascript
jquery+ajax实现注册实时验证实例详解
2015/12/08 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
node.js 抓取代理ip实例代码
2017/04/30 Javascript
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
vue cli升级webapck4总结
2018/04/04 Javascript
Bootstrap-table自定义可编辑每页显示记录数
2018/09/07 Javascript
React传值 组件传值 之间的关系详解
2019/08/26 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
vue 实现v-for循环回来的数据动态绑定id
2019/11/07 Javascript
vue实现简单的登录弹出框
2020/10/26 Javascript
对python实现合并两个排序链表的方法详解
2019/01/23 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
python实现两个一维列表合并成一个二维列表
2019/12/02 Python
Python使用uuid库生成唯一标识ID
2020/02/12 Python
python爬虫scrapy基本使用超详细教程
2021/02/20 Python
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
英国领先的家庭时尚品牌:Peacocks
2018/01/11 全球购物
JOSEPH官网:英国奢侈时尚品牌
2018/01/31 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
大学生学年自我鉴定
2014/02/10 职场文书
年会搞笑主持词串词
2014/03/24 职场文书
心术观后感
2015/06/11 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
python 镜像环境搭建总结
2022/09/23 Python