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无限树状列表实现代码
Jan 11 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
Jan 21 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
如何用JavaScript定义一个类
Sep 12 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
jQuery Ajax 实例代码 ($.ajax、$.post、$.get)
Apr 29 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
Vue引入jquery实现平滑滚动到指定位置
May 09 jQuery
原生js实现form表单序列化的方法
Aug 02 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
详解vue开发中调用微信jssdk的问题
Apr 16 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实现utf-8转unicode函数分享
2015/01/06 PHP
PHP redis实现超迷你全文检索
2017/03/04 PHP
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
jQuery select操作控制方法小结
2010/05/26 Javascript
Jquery中dialog属性小记
2010/09/03 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
JS中Location使用详解
2015/05/12 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
通过vue提供的keep-alive减少对服务器的请求次数
2018/04/01 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
Vue.js组件使用props传递数据的方法
2019/10/19 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
浅谈python中真正关闭socket的方法
2018/12/18 Python
PyTorch: 梯度下降及反向传播的实例详解
2019/08/20 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
Python 实现黑客帝国中的字符雨的示例代码
2020/02/20 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
python 串行执行和并行执行实例
2020/04/30 Python
Python列表去重复项的N种方法(实例代码)
2020/05/12 Python
如何把python项目部署到linux服务器
2020/08/26 Python
python实现学生通讯录管理系统
2021/02/25 Python
使用phonegap获取位置信息的实现方法
2017/03/31 HTML / CSS
美国宠物护理专家:Revival Animal Health
2020/01/05 全球购物
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
大学生就业自我鉴定
2013/10/26 职场文书
汽修专业学生自我鉴定
2013/11/16 职场文书
医学检验专业大学生求职信
2013/11/18 职场文书
优秀的茶餐厅创业计划书
2014/01/03 职场文书
家长对孩子的感言
2014/03/10 职场文书
学校副校长四风对照检查材料整改措施
2014/09/25 职场文书
开学典礼致辞
2015/07/29 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书
python3.7.2 tkinter entry框限定输入数字的操作
2021/05/22 Python
JavaScript中的宏任务和微任务详情
2021/11/27 Javascript