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 圆形旋转图片滚动切换效果
Jan 19 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
Jan 18 Javascript
微信小程序 JS动态修改样式的实现代码
Feb 10 Javascript
es6的数字处理的方法(5个)
Mar 16 Javascript
Mac系统下Webstorm快捷键整理大全
May 28 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
简单了解JavaScript异步
May 23 Javascript
关于在LayUI中使用AJAX提交巨坑记录
Oct 25 Javascript
Angular8 简单表单验证的实现示例
Jun 03 Javascript
vue3.0生命周期的示例代码
Sep 24 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/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
原生PHP实现导出csv格式Excel文件的方法示例【附源码下载】
2019/03/07 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
比较新旧两个数组值得增加和删除的JS代码
2013/10/30 Javascript
js处理自己不能定义二维数组的方法详解
2014/03/03 Javascript
node.js中的fs.openSync方法使用说明
2014/12/17 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
jQuery找出网页上最高元素的方法
2015/03/20 Javascript
js简单网速测试方法完整实例
2015/12/15 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
2016/06/03 Javascript
angular分页指令操作
2017/01/09 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
JSONP跨域请求
2017/03/02 Javascript
nodejs读写json文件的简单方法(必看)
2017/03/09 NodeJs
详解nodejs实现本地上传图片并预览功能(express4.0+)
2017/06/28 NodeJs
vue跨域解决方法
2017/10/15 Javascript
使用taro开发微信小程序遇到的坑总结
2019/04/08 Javascript
详解小程序开发经验:多页面数据同步
2019/05/18 Javascript
layui实现下拉框三级联动
2019/07/26 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
python如何读写csv数据
2018/03/21 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
在交互式环境中执行Python程序过程详解
2019/07/12 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
利用CSS3实现文字折纸效果实例代码
2018/07/10 HTML / CSS
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
英国快时尚女装购物网站:PrettyLittleThing
2018/08/15 全球购物
关于VPN
2012/06/10 面试题
购房协议书范本
2014/04/11 职场文书
营销学习心得体会
2014/09/12 职场文书
房屋租赁协议书
2014/10/18 职场文书
中学生旷课检讨书500字
2014/10/29 职场文书
如何用python插入独创性声明
2021/03/31 Python