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 相关文章推荐
jquery tools 系列 scrollable(2)
Sep 06 Javascript
基于jquery的跟随屏幕滚动代码
Jul 24 Javascript
javascript时区函数介绍
Sep 14 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
Sep 09 Javascript
jquery图片倾斜层叠切换特效代码分享
Aug 27 Javascript
有关Promises异步问题详解
Nov 13 Javascript
几种响应式文字详解
May 19 Javascript
JavaScript中立即执行函数实例详解
Nov 04 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
详解如何在webpack中做预渲染降低首屏空白时间
Aug 22 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
微信小程序实现图片翻转效果的实例代码
Sep 20 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
PHP 多维数组排序实现代码
2009/08/05 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
jQuery 操作下拉列表框实现代码
2010/02/22 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
javascript不可用的问题探究
2013/10/01 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
论Bootstrap3和Foundation5网格系统的异同
2016/05/16 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载(二)
2016/06/22 Javascript
Express + Session 实现登录验证功能
2017/09/08 Javascript
微信小程序实现YDUI的ScrollTab组件
2018/02/02 Javascript
vue中的ref和$refs的使用
2018/11/22 Javascript
ES6数组与对象的解构赋值详解
2019/06/14 Javascript
解决layer弹出层的内容页点击按钮跳转到新的页面问题
2019/09/14 Javascript
[01:52]DOTA2完美大师赛Vega战队趣味视频——kpii老师小课堂
2017/11/25 DOTA
ptyhon实现sitemap生成示例
2014/03/30 Python
Python实现的检测web服务器健康状况的小程序
2014/09/17 Python
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
Python开发的实用计算器完整实例
2017/05/10 Python
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
python try 异常处理(史上最全)
2019/03/07 Python
pyqt5 使用cv2 显示图片,摄像头的实例
2019/06/27 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
Python爬虫scrapy框架Cookie池(微博Cookie池)的使用
2021/01/13 Python
Python3+Flask安装使用教程详解
2021/02/16 Python
html5应用缓存_动力节点Java学院整理
2017/07/13 HTML / CSS
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
教师自查自纠工作情况报告
2014/10/29 职场文书
幼儿园大班毕业评语
2014/12/31 职场文书
教代会开幕词
2015/01/28 职场文书
教师辞职信范文
2015/02/28 职场文书
2015年仓库工作总结
2015/04/09 职场文书
现实表现证明材料
2015/06/19 职场文书
初级职称评定工作总结
2015/08/13 职场文书
windows11怎么查看wifi密码? win11查看wifi密码的技巧
2021/11/21 数码科技