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 版本自动生成文章摘要
Jul 23 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
莱鸟介绍javascript onclick事件
Jan 06 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
原生js实现放大镜特效
Mar 08 Javascript
jquery将标签元素的高设为屏幕的百分比
Apr 19 jQuery
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
Vue实现仿iPhone悬浮球的示例代码
Mar 13 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
May 09 Javascript
解决vue scoped html样式无效的问题
Oct 24 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
Dec 23 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数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
php实现购物车功能(上)
2020/07/23 PHP
理解Javascript_02_理解undefined和null
2010/10/11 Javascript
js原生appendChild的bug解决心得分享
2013/07/01 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
JavaScript运行时库属性一览表
2014/03/14 Javascript
sogou地图API用法实例教程
2014/09/11 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
jQuery获取样式中颜色值的方法
2015/01/29 Javascript
jQuery实现连续动画效果实例分析
2015/10/09 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
jQuery轻松实现无缝轮播效果
2017/03/22 jQuery
ES6新特性:使用export和import实现模块化详解
2017/07/31 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
Vue.js计算机属性computed和methods方法详解
2019/10/12 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
详解JavaScript的this指向和绑定
2020/09/08 Javascript
vue+element_ui上传文件,并传递额外参数操作
2020/12/05 Vue.js
Python实现Const详解
2015/01/27 Python
Python+MongoDB自增键值的简单实现
2016/11/04 Python
Python递归函数定义与用法示例
2017/06/02 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
python的变量与赋值详细分析
2017/11/08 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
django中静态文件配置static的方法
2018/05/20 Python
详解使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件
2019/08/23 Python
用CSS3实现无限循环的无缝滚动的实例代码
2017/07/04 HTML / CSS
html5 input属性使用示例
2013/06/28 HTML / CSS
NFL官方在线商店:NFLShop
2020/07/29 全球购物
清洁工表扬信
2014/01/08 职场文书
实验室的标语
2014/06/20 职场文书
小学开学标语
2014/07/01 职场文书
企业安全生产月活动总结
2014/07/05 职场文书
初婚未育证明样本
2014/10/24 职场文书
安全教育观后感
2015/06/17 职场文书
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS