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 各浏览器的 Javascript 效率对比
Jan 23 Javascript
屏蔽Flash右键信息的js代码
Jan 17 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
js倒计时显示实例
Dec 11 Javascript
过期软件破解办法实例详解
Jan 04 Javascript
php 修改密码实现代码
May 24 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
js对象属性名驼峰式转下划线的实例代码
Sep 17 Javascript
微信小程序实现底部弹出框
Nov 18 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
Zerg兵种介绍
2020/03/14 星际争霸
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
[原创]php使用strpos判断字符串中数字类型子字符串出错的解决方法
2017/04/01 PHP
2020最新版 PhpStudy V8.1版本下载安装使用详解
2020/10/30 PHP
javascript动态加载实现方法一
2012/08/22 Javascript
网站内容禁止复制和粘贴、另存为的js代码
2014/02/26 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JS中处理时间之setUTCMinutes()方法的使用
2015/06/12 Javascript
javascript自定义in_array()函数实现方法
2015/08/03 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
2016/03/06 Javascript
js 判断附件后缀的简单实现方法
2016/10/11 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
AngularJS修改model值时,显示内容不变的实例
2018/09/13 Javascript
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
微信开发之微信jssdk录音功能开发示例
2018/10/22 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
weui中的picker使用js进行动态绑定数据问题
2019/11/06 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
js实现全选和全不选功能
2020/07/28 Javascript
Python简单计算数组元素平均值的方法示例
2017/12/26 Python
python实现excel读写数据
2021/03/02 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
PyQt5实现简单数据标注工具
2019/03/18 Python
pytorch神经网络之卷积层与全连接层参数的设置方法
2019/08/18 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
经典优秀个人求职自荐信格式
2013/09/25 职场文书
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
2014班子成员自我剖析材料思想汇报
2014/10/01 职场文书
婚育证明格式
2015/06/17 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server