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对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
js动态设置div的值下例子
Oct 29 Javascript
js脚本实现数据去重
Nov 27 Javascript
JavaScript中的数组操作介绍
Dec 30 Javascript
JavaScript禁止复制与粘贴的实现代码
May 16 Javascript
javascript 中的console.log和弹出窗口alert
Aug 30 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
利用JavaScript实现拖拽改变元素大小
Dec 14 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
vue-cli项目代理proxyTable配置exclude的方法
Sep 20 Javascript
vue-music 使用better-scroll遇到轮播图不能自动轮播问题
Dec 03 Javascript
element ui分页多选,翻页记忆的实例
Sep 03 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
2010/02/06 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
从jquery的过滤器.filter()方法想到的
2013/09/29 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
流量统计器如何鉴别C#:WebBrowser中伪造referer
2015/01/07 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
js实现添加删除表格(两种方法)
2017/04/27 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
Vue组件之Tooltip的示例代码
2017/10/18 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
一步一步的了解webpack4的splitChunk插件(小结)
2018/09/17 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
vue实现标签云效果的方法详解
2019/08/28 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
2019/10/26 Javascript
js实现石头剪刀布游戏
2020/10/11 Javascript
PyQT实现多窗口切换
2018/04/20 Python
Python 从列表中取值和取索引的方法
2018/12/25 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
mac系统下Redis安装和使用步骤详解
2019/07/09 Python
Python3标准库之functools管理函数的工具详解
2020/02/27 Python
解决keras加入lambda层时shape的问题
2020/06/11 Python
python tqdm实现进度条的示例代码
2020/11/10 Python
Python中对象的比较操作==和is区别详析
2021/02/12 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
十岁生日家长答谢词
2014/01/17 职场文书
保安公司服务承诺书
2014/05/28 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
导游词之日月潭
2019/11/05 职场文书
Python基础知识学习之类的继承
2021/05/31 Python
GO中sync包自由控制并发示例详解
2022/08/05 Golang