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 相关文章推荐
基于jQuery的获取标签名的代码
Jul 16 Javascript
js获得参数的getParameter使用示例
Feb 26 Javascript
JavaScript之Object类型介绍
Apr 01 Javascript
JS中处理时间之setUTCMinutes()方法的使用
Jun 12 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
Apr 14 Javascript
使用bootstrap实现多窗口和拖动效果
Sep 22 Javascript
Javascript中引用类型传递的知识点小结
Mar 06 Javascript
weui框架实现上传、预览和删除图片功能代码
Aug 24 Javascript
使用veloticy-ui生成文字动画效果
Feb 08 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 10 Javascript
javascript实现点击产生随机图形
Jan 25 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入门学习知识点七 PHP函数的基本应用
2011/07/14 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
PHP基于SPL实现的迭代器模式示例
2018/04/22 PHP
详解php中curl返回false的解决办法
2019/03/18 PHP
JavaScript高级程序设计 扩展--关于动态原型
2010/11/09 Javascript
jQuery EasyUI API 中文文档 可调整尺寸
2011/09/29 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
2013/02/06 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
jquery实现无限分级横向导航菜单的方法
2015/03/12 Javascript
基于JS代码实现当鼠标悬停表格上显示这一格的全部内容
2016/06/12 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
Bootstrap源码解读排版(1)
2016/12/23 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
2017/02/15 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
2017/03/22 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
2017/07/15 Javascript
vue实现导航栏效果(选中状态刷新不消失)
2017/12/13 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
2018/08/08 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
2018/12/03 Javascript
vue中的inject学习教程
2019/04/24 Javascript
微信小程序云开发 搭建一个管理小程序
2019/05/17 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
对vue生命周期的深入理解
2020/12/03 Vue.js
[01:20:38]完美世界DOTA2联赛 GXR vs IO 第一场 11.07
2020/11/09 DOTA
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
Linux RedHat下安装Python2.7开发环境
2017/05/20 Python
Python利用递归和walk()遍历目录文件的方法示例
2017/07/14 Python
绿色城市实施方案
2014/03/19 职场文书
甜品店创业计划书
2014/08/14 职场文书
学校领导班子对照检查材料
2014/09/24 职场文书
2014年工程师工作总结
2014/11/25 职场文书
小学语文教师研修感悟
2015/11/18 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang