js实现在当前页面搜索高亮显示字的方法

在html页面上,有时候会遇到一些检索高亮显示的问题,具体用js是实现的方式,代码展示. Jsp页面设置方式 <li class="pull-left" id="search_box"> <input type="text" id="searchstr" name="searchstr" placeholder="请输入要查找的内容"> <%…

我们做网站,经常需要打印页面指定区域的内容,而网上关于这块的说法很多,各种各样的打印控件也不少.但许多打印方案都不怎么好,至少我不喜欢,要么封装复杂,要么难以维护.正好现在的项目也需要用到页面打印,于是在网上找了一个最简洁的打印插件,在它的基础上自己写了一个通用的打印方法,可以直观的修改样式.现在把代码贴出来,留置后用,也可以给大家一些参考. 通过这次试水,才知道,原来html中,media元素大有用途,这里正好小用一把,去掉超链接的url显示 1.网上找的js打印插件 /* * V…

jquery和js的几种页面加载函数的方法以及执行顺序

参考博客:http://www.cnblogs.com/itslives-com/p/4646790.html https://www.cnblogs.com/james641/p/7838373.html 执行顺序:A>B>C>D>E $(function() { alert("A"); }); $(document).ready(function(){ alert("B"); }); jQuery(function($) { ale…

js中常用framesetiframe页面跳转传参方法实例大全

logf的空间…

IDEA 2018.3.5，修改js文件，html页面不及时更新

问题描述使用IDEA 开发时,修改js文件,前端页面不能及时更新. 解决方法: 1. IDEA settings--> Compiler --> Build project automatically 选项勾选 2. 操作如图…

原生Js 两种方法实现页面关键字高亮显示

原生Js 两种方法实现页面关键字高亮显示上网看了看别人写的,不是兼容问题就是代码繁琐,自己琢磨了一下用两种方法都可以实现,各有利弊. 方法一依靠正则表达式修改 1.获取obj的html2.统一替换html标签3.替换要修改的关键字4.再把html标签修改回去不足就是如果查找的关键字跟替换的标签一样就有冲突了效果预览:http://jsfiddle.net/dtdxrk/EAqkN/embedded/result/ 1 <!DOCTYPE HTML> 2 <html lang=&qu…

jquery textSearch实现页面搜索注意！！！！调用这个插件后，js事件绑定如，on、bind、live delegate全部失效，折腾了我一整天！！！

今天我们介绍的这个插件来着http://www.zhangxinxu.com/wordpress/,张鑫旭的文章写得挺好的,大家有兴趣的多看看. 我们今天的这个插件叫“jquery.textSearch”,它的作用是可以页面上的关键词搜索,就像百度的搜索一样,只是它是单独在页面上搜索的.我们先看下效果图吧: <script type="text/javascript" src="__PUBLIC__/SearchJs/jquery.textSearch-1.0.js&q…

JS 页面繁简字转换

// 本js用于客户在网站页面选择繁体中文或简体中文显示,默认是正常显示,即简繁体同时显示// 在用户第一次访问网页时,会自动检测客户端语言进行操作并提示.此功能可关闭// 本程序只在UTF8编码下测试过,不保证其他编码有效// -------------- 以下参数大部分可以更改 --------------------//s = simplified 简体中文 t = traditional 繁体中文 n = normal 正常显示var zh_default = 'n'; //默认语言,请…

FlexPaper二次开发问题及搜索高亮显示

原文:FlexPaper二次开发问题及搜索高亮显示最近有个需求,做一个IT知识库,类似于文库,说到文库肯定会用到在线浏览文档了,所有在网上翻阅了一下类似豆丁的在线浏览器插件的资料,将其进行了二次开发,在这跟需要用到的朋友分享一下,下面部分内容用到有些前辈的博客内容,首次写博,写的不好之处请见谅...高手勿喷,O(∩_∩)O谢谢 1.前期准备工作 1.首先二次开发,当然前提是需要一份FlexPaper的源码.源码下载地址: http://files.cnblogs.com/yimiao/Flex…

js/jQuery实现类似百度搜索功能

一.页面代码:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title>js/jQuery实现类似百度搜索功能</title> <meta name="Author" content=&quo…