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 相关文章推荐
5 cool javascript apps
Mar 24 Javascript
javascript 强制刷新页面的实现代码
Dec 13 Javascript
Webkit的跨域安全问题说明
Sep 13 Javascript
jquery图片不完全按比例自动缩小的简单代码
Jul 29 Javascript
JS 毫秒转时间示例代码
Sep 22 Javascript
thinkphp中常用的系统常量和系统变量
Mar 05 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
不依赖Flash和任何JS库实现文本复制与剪切附源码下载
Oct 09 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
AngularJS模仿Form表单提交的实现代码
Dec 08 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
深入理解Vue的数据响应式
May 15 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
[原创]PHP global全局变量经典应用与注意事项分析【附$GLOBALS用法对比】
2019/07/12 PHP
JavaScript监听和禁用浏览器回车事件实例
2015/01/31 Javascript
微信WeixinJSBridge API使用实例
2015/05/25 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
jQuery ajax MD5实现用户注册即时验证功能
2016/10/11 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
JavaScript切换搜索引擎的导航网页搜索框实例代码
2017/06/11 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
微信小程序基于canvas渐变实现的彩虹效果示例
2019/05/03 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
Python中字符串的格式化方法小结
2016/05/03 Python
Python实现多进程共享数据的方法分析
2017/12/04 Python
Python全排列操作实例分析
2018/07/24 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
Python 微信爬虫完整实例【单线程与多线程】
2019/07/06 Python
Pycharm新建模板默认添加个人信息的实例
2019/07/15 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
python实现单目标、多目标、多尺度、自定义特征的KCF跟踪算法(实例代码)
2020/01/08 Python
纯CSS实现的大小渐变、渐远效果
2014/04/15 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
Trip.com澳大利亚:在线旅行社
2019/12/01 全球购物
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
《草原》教学反思
2014/02/15 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
申报优秀教师材料
2014/12/16 职场文书
队名及霸气口号大全
2015/12/25 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
《曹冲称象》教学反思
2016/02/20 职场文书
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
Python采集爬取京东商品信息和评论并存入MySQL
2022/04/12 Python