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取滚动条的尺寸的函数代码
Nov 30 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
jQuery常用且重要方法汇总
Jul 13 Javascript
Javascript将JSON日期格式化
Aug 23 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
javascript 判断当前浏览器版本并判断ie版本
Feb 17 Javascript
JS实现可视化文件上传
Sep 08 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
Postman无法正常返回结果问题解决
Aug 28 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
php数组操作之键名比较与差集、交集赋值的方法
2014/11/10 PHP
PHP实现获取FLV文件的时间
2015/02/10 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
javascript 命名规则 变量命名规则
2010/02/25 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
2012/01/13 Javascript
JavaScript中的this关键字介绍与使用实例
2013/06/21 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
JavaScript实现反转字符串的方法详解
2017/04/27 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
jquery ajax加载数据前台渲染方式 不用for遍历的方法
2018/08/09 jQuery
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
在vue中使用jsx语法的使用方法
2019/09/30 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
[05:05]给小松五分钟系列 第二期介绍为什么打DOTA2
2014/07/02 DOTA
详解python单例模式与metaclass
2016/01/15 Python
Python基础语法(Python基础知识点)
2016/02/28 Python
用python找出那些被“标记”的照片
2017/04/20 Python
python 中的int()函数怎么用
2017/10/17 Python
Python中最大递归深度值的探讨
2019/03/05 Python
python3获取当前目录的实现方法
2019/07/29 Python
numpy.ndarray 实现对特定行或列取值
2019/12/05 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
导游个人求职信
2014/04/25 职场文书
上海世博会口号
2014/06/19 职场文书
学校做一个有道德的人活动方案
2014/08/23 职场文书
党委书记个人对照检查材料
2014/09/15 职场文书
入党宣誓仪式主持词
2015/06/29 职场文书
Python实现将多张图片合成MP4视频并加入背景音乐
2022/04/28 Python