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应该怎样学
Apr 16 Javascript
jquery 插件学习(五)
Aug 06 Javascript
javascript实现锁定网页、密码解锁效果(类似系统屏幕保护效果)
Aug 15 Javascript
javascript实现下班倒计时效果的方法(可桌面通知)
Jul 10 Javascript
学习JavaScript设计模式(继承)
Nov 26 Javascript
JS中如何比较两个Json对象是否相等实例代码
Jul 13 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
iphone刘海屏页面适配方法
May 07 Javascript
vue vantUI实现文件(图片、文档、视频、音频)上传(多文件)
Oct 15 Javascript
vue实现数字滚动效果
Jun 29 Javascript
JS实现鼠标按下拖拽效果
Jul 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
解决dede生成静态页和动态页转换的一些问题,及火车采集入库生成动态的办法
2007/03/29 PHP
隐性调用php程序的方法
2009/03/09 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
PHP判断手机是IOS还是Android
2015/12/09 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
JavaScript的jQuery库中ready方法的学习教程
2015/08/14 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
DOM 事件的深入浅出(一)
2016/12/05 Javascript
JavaScript 动态三角函数实例详解
2017/01/08 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
vue-cli3+typescript新建一个项目的思路分析
2019/08/06 Javascript
微信小程序实现点击卡片 翻转效果
2019/09/04 Javascript
vue在图片上传的时候压缩图片
2020/11/18 Vue.js
简单介绍Python中的readline()方法的使用
2015/05/24 Python
Python模拟浏览器上传文件脚本的方法(Multipart/form-data格式)
2018/10/22 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
python怎么对数字进行过滤
2020/07/05 Python
英国知名化妆品网站:Revolution Beauty(原TAM Beauty)
2018/02/28 全球购物
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
Linux如何压缩可执行文件
2014/03/27 面试题
食品采购员岗位职责
2014/04/14 职场文书
清明节演讲稿
2014/05/27 职场文书
爱祖国爱家乡演讲稿
2014/09/02 职场文书
KTV门卫岗位职责
2014/10/09 职场文书
2015入党自传书范文
2015/06/26 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
fastdfs+nginx集群搭建的实现
2021/03/31 Servers
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript