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 相关文章推荐
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
Jan 25 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 Javascript
Underscore源码分析
Dec 30 Javascript
jquery实现页面常用的返回顶部效果
Mar 04 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
Node.js制作简单聊天室
Jan 12 Javascript
JS实现css hover操作的方法示例
Apr 07 Javascript
JavaScript ES6中的简写语法总结与使用技巧
Dec 30 Javascript
jQuery位置选择器用法实例分析
Jun 28 jQuery
Angular8 Http拦截器简单使用教程
Aug 20 Javascript
vue配置nprogress实现页面顶部进度条
Sep 21 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类(查找/修改)xml文档
2013/03/26 PHP
php笔记之:AOP的应用
2013/04/24 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
微信JSSDK分享功能图文实例详解
2019/04/08 PHP
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
破除一些网站复制、右键限制
2006/11/04 Javascript
JQUERY dialog的用法详细解析
2013/12/19 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
JavaScript中的small()方法使用详解
2015/06/08 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
详解vue-router 命名路由和命名视图
2018/06/01 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
Python中shutil模块的学习笔记教程
2017/04/04 Python
numpy中实现ndarray数组返回符合特定条件的索引方法
2018/04/17 Python
python实现简单flappy bird
2018/12/24 Python
python引用(import)某个模块提示没找到对应模块的解决方法
2019/01/19 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
Python实现操纵控制windows注册表的方法分析
2019/05/24 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
Python爬取知乎图片代码实现解析
2019/09/17 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
早读迟到检讨书
2014/01/24 职场文书
乡镇庆八一活动方案
2014/02/02 职场文书
会议欢迎标语
2014/06/30 职场文书
班主任经验交流材料
2014/12/16 职场文书
医者仁心观后感
2015/06/17 职场文书
安全学习心得体会范文
2016/01/18 职场文书
2016年少先队活动总结
2016/04/06 职场文书
与Windows10相比Windows11有哪些改进?值不值得升级?
2021/11/21 数码科技
分享3个非常实用的 Python 模块
2022/03/03 Python
Nginx的gzip相关介绍
2022/05/11 Servers
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL