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启动应用程序的一个简单例子
May 11 Javascript
Javascript 的addEventListener()及attachEvent()区别分析
May 21 Javascript
javascript生成随机数的方法
May 16 Javascript
一个jquery实现的不错的多行文字图片滚动效果
Sep 28 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
Angular 4.0学习教程之架构详解
Sep 12 Javascript
解决Vue 通过下表修改数组,页面不渲染的问题
Mar 08 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
Aug 07 Javascript
three.js实现圆柱体
Dec 30 Javascript
详解javascript中的Error对象
Apr 25 Javascript
从零搭一个自用的前端脚手架的方法步骤
Sep 23 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的SQL注入实现(测试代码安全不错)
2011/02/27 PHP
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
PHP中soap的用法实例
2014/10/24 PHP
ioncube_loader_win_5.2.dll的错误解决方法
2015/01/04 PHP
PHP合并数组+号和array_merge的区别
2015/06/25 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
thinkphp框架类库扩展操作示例
2019/11/26 PHP
angular.js之路由的选择方法
2016/09/24 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
深入探究AngularJs之$scope对象(作用域)
2017/07/20 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
javascript 产生随机数的几种方法总结
2017/09/26 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
vue2.0项目实现路由跳转的方法详解
2018/06/21 Javascript
React如何解决fetch跨域请求时session失效问题
2018/11/02 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
Layui弹框中数据表格中可双击选择一条数据的实现
2020/05/06 Javascript
Python队列的定义与使用方法示例
2017/06/24 Python
Python2.7+pytesser实现简单验证码的识别方法
2017/12/29 Python
vim自动补全插件YouCompleteMe(YCM)安装过程解析
2019/10/21 Python
python创建学生成绩管理系统
2019/11/22 Python
python tkinter实现连连看游戏
2020/11/16 Python
用OpenCV进行年龄和性别检测的实现示例
2021/01/29 Python
10种CSS3实现的loading动画,挑一个走吧?
2020/11/16 HTML / CSS
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
Reformation官网:美国女装品牌
2018/09/14 全球购物
ALDO加拿大官网:加拿大女鞋品牌
2018/12/22 全球购物
Juicy Couture Beauty官方网站:香水和化妆品
2019/03/12 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
比较基础的php面试题及答案-编程题
2012/10/14 面试题
党委班子对照检查材料
2014/08/19 职场文书
实习生辞职信范文
2015/03/02 职场文书
导游词之镇江焦山
2019/11/21 职场文书
JavaScript ES6的函数拓展
2022/01/18 Javascript