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 相关文章推荐
HTML 自动伸缩的表格Table js实现
Apr 01 Javascript
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
js实现改进的仿蓝色论坛导航菜单效果代码
Sep 06 Javascript
JavaScript如何实现组合列表框中元素移动效果
Mar 01 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
基于jQuery实现选项卡效果
Jan 04 Javascript
JavaScript学习笔记之图片库案例分析
Jan 08 Javascript
jQuery添加新内容的四个常用方法分析【append,prepend,after,before】
Mar 19 jQuery
vue cli 3.0通用打包配置代码,不分一二级目录
Sep 02 Javascript
如何用JavaScript学习算法复杂度
Apr 30 Javascript
React + Threejs + Swiper 实现全景图效果的完整代码
Jun 28 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+js实现图片的上传、裁剪、预览、提交示例
2013/08/27 PHP
PHP获取QQ达人QQ信息的方法
2015/03/05 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
javascript Base类 包含基本的方法
2009/07/22 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
jQuery实现感应鼠标动画效果自动伸长的输入框实例
2015/02/24 Javascript
JavaScript实现给按钮加上双重动作的方法
2015/08/14 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
Bootstrap作品展示站点实战项目2
2016/10/14 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
2018/06/19 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
NodeJs 实现简单WebSocket即时通讯的示例代码
2019/08/05 NodeJs
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
vue导航栏部分的动态渲染实例
2019/11/01 Javascript
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
使用url_helper简化Python中Django框架的url配置教程
2015/05/30 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
浅谈Python 多进程默认不能共享全局变量的问题
2019/01/11 Python
Python3中的bytes和str类型详解
2019/05/02 Python
PyQt5根据控件Id获取控件对象的方法
2019/06/25 Python
python编写简单端口扫描器
2019/09/04 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
给ubuntu18安装python3.7的详细教程
2020/06/08 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
详解css position 5种不同的值的用法
2019/07/30 HTML / CSS
《临死前的严监生》教学反思
2014/02/13 职场文书
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
故意伤害辩护词
2015/05/21 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL