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中防刷IP流量软件影响统计的一点对策
Jul 10 Javascript
jQuery 图片切换插件(代码比较少)
May 07 Javascript
基于jQuery实现的百度导航li拖放排列效果,即时更新数据库
Jul 31 Javascript
JavaScript中的无阻塞加载性能优化方案
Oct 10 Javascript
javascript实现playfair和hill密码算法
Dec 07 Javascript
javascript实现多级联动下拉菜单的方法
Feb 06 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
Javascript 动态改变imput type属性
Nov 01 Javascript
扩展bootstrap的modal模态框-动态添加modal框-弹出多个modal框
Feb 21 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
vue-cli项目配置多环境的详细操作过程
Oct 30 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
骨王战斗力在公会成员中排不进前五,却当选了会长,原因竟是这样
2020/03/02 日漫
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
php文档工具PHP Documentor安装与使用方法
2016/01/25 PHP
jquery刷新页面的实现代码(局部及全页面刷新)
2011/07/11 Javascript
JavaScript 函数replace深入了解
2013/03/14 Javascript
jquery批量设置属性readonly和disabled的方法
2014/01/24 Javascript
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
浅谈javascript中自定义模版
2015/01/29 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
javascript设置页面背景色及背景图片的方法
2015/12/29 Javascript
前端js文件合并的三种方式推荐
2016/05/19 Javascript
微信小程序 获取当前地理位置和经纬度实例代码
2016/12/05 Javascript
webpack v4 从dev到prd的方法
2018/04/02 Javascript
Mint UI实现A-Z字母排序的城市选择列表
2018/12/28 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
JavaScript类的继承多种实现方法
2020/05/30 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
vue使用echarts图表自适应的几种解决方案
2020/12/04 Vue.js
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
Python中Collection的使用小技巧
2014/08/18 Python
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
Python HTTP客户端自定义Cookie实现实例
2017/04/28 Python
Python sqlite3事务处理方法实例分析
2017/06/19 Python
使用django-crontab实现定时任务的示例
2018/02/26 Python
python书籍信息爬虫实例
2018/03/19 Python
基于Python制作一副扑克牌过程详解
2020/10/19 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
固特异美国在线轮胎店:Goodyear Tire
2019/02/23 全球购物
酒店前厅员工辞职信
2014/01/08 职场文书
文体活动实施方案
2014/03/27 职场文书
完美的中文自荐信
2014/05/24 职场文书
2015年端午节活动策划书
2015/05/05 职场文书
初中政治教师教学反思
2016/02/23 职场文书
Python中的套接字编程是什么?
2021/06/21 Python