js调用浏览器查找功能

利用原生JS实现类似浏览器查找高亮功能(转载）

利用原生JS实现类似浏览器查找高亮功能在完成 Navify 时,增加一个类似浏览器ctrl+f查找并该高亮的功能,在此进行一点总结: 需求在.content中有许多.box,需要在.box中找出搜索的字符串,再将无搜索结果的.box隐藏掉,此外还要将字符串高亮.这个页面用vue.js实现了数据交互,不想用jquery来实现得查找高亮功能,得用原生js来实现该功能. 原理将各个.box的文本内容提取,利用正则判断是否匹配字符串,若无搜索字符串,则隐藏该.box:否则继续找到具体的与该字符串匹

JS实现项目查找功能

又是好久没有更新文章了,技术差,人又懒是重罪啊!! 在工作中每天都要查找目前正在接手的项目,而如果项目一多起来怎么办呢? 最近主管突然说要找一下以前的项目改一点BUG,然后我就找了半天才找到对应的文件夹.这就严重影响了工作时间.故此,花了一点时间做了一下公司的项目查找功能,方便以后项目的查找,减少在这个上面的时间. 需求如下: 1.项目查找分为URL地址及文件夹路径 2.输入相应的项目名称(拼音),回车即可打开对应的项目URL或显示文件夹路径 3.显示以往项目列表,点击即可查看相应数据效果实现

使用jqPrint.js调用浏览器打印界面，打印网页中的某一部分该部分含有ECharts图表

1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jquery.jqprint-0.3.js"></script> <script src="js/jquery-migrate-1.2.1.min.js"></script> 3.给你的网页添加一个按钮来出发打印事件 <input ty

js调用浏览器打印

<input type="button" id="print" onclick="printdiv('list');" value="打印"/> <script type="text/javascript"> function printdiv(list) { $("#print_value").val("打印"); $("#info

js实现浏览器通知功能

概述 Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email.具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏. 如果网页代码调用这个API,浏览器会询问用户是否接受.只有在用户同意的情况下,通知信息才会显示. 下面的代码用于检查浏览器是否支持这个API. if (window.Notification) { // 支持 } else { // 不支持 } 目前,Chrome和F

js调用浏览器

定义和用法 open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 语法 window.open(URL,name,specs,replace) 参数说明 URL 可选.打开指定的页面的URL.如果没有指定URL,打开一个新的空白窗口 name 可选.指定target属性或窗口的名称.支持以下值: _blank - URL加载到一个新的窗口.这是默认 _parent - URL加载到父框架 _self - URL替换当前页面 _top - URL替换任何可加载的框架集 name

js实现浏览器打印功能

最近接触到一个新需求,实现打印机打印小票的功能.打的一桌子小票(惭愧),不过也基本满足了业务上的需求,现在分享一下如何实现(好记性不如烂笔头) 先上代码 // 布局代码 <div id="print"> <div id="print_content"></div> </div> //js 部分代码var f = document.getElementById('printf'); if (f) { docume

js调用浏览器“打印”与“打印预览”

用到html <object>标签,具体做法如下: 1.在html文档任意位置添加<object>标签: <div style="border: 1px solid #000; height:40px;width:100%" class="noprint"> ... <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=&q

js调用百度地图搜索功能

引用百度jsApi <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=xxxxxxxxxxxx"></script> 创建地址解析器: var localSearch = null; //查询参数 var options = { //智能搜索 onSearchComplete: function (results) { //查询结果状态码

js调用浏览器复制

js调用浏览器打印指定div内容

--打印按钮事件 function printForm(){ var headstr = '<html xmlns:th="http://www.thymeleaf.org">'+ '<head>'+ '<style type="text/css">'+ 'table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,

js调用局部打印功能并还原

function printme() { //printMain为要打印的dom元素 window.document.body.innerHTML = document.getElementById('printMain').innerHTML; window.print(); // 还原界面 var bdhtml = window.document.body.innerHTML; window.document.body.innerHTML = bdhtml; window.location.

js调用浏览器下载

$scope.Download = function (url) { var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a"); //地址 save_link.href = url; save_link.download = name; var ev = document.createEvent("MouseEvents"); ev.initMous

js判断浏览器类型（手机和电脑终端）

工作中经常会用到通过js来判断浏览器的功能!今天这里通过js来判断浏览器是来自移动设备还是pc设备! 代码如下: var browser={ versions:function(){ var u = window.navigator.userAgent; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleW

js屏蔽浏览器（IE和FireFox）的刷新和右键等功能

//一.js屏蔽浏览器(IE和FireFox)的刷新功能 document.onkeydown=function() { if ((window.event.keyCode==116)|| //屏蔽 F5 (window.event.keyCode==122)|| //屏蔽 F11 (window.event.shiftKey && window.event.keyCode==121) //shift+F10 ) { window.event.keyCode=0; window.event

百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例

百度地图 api 功能封装类 (ZMap.js) 本地搜索,范围查找实例相关说明 1. 界面查看: 吐槽贴:百度地图 api 封装的实用功能 [源码下载] 2. 功能说明: 百度地图整合功能分享修正版[ZMap.js] 实例源码! ZMap.js 本类方法功能大多使用 prototype 原型实现: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是否在一个圆圈内,生活服务查询,从经纬度获取地址信息,地图工具包括测距,获取面积,以积打印地图,地图全屏,实时路况,坐标是否在polygon

Elasticsearch.js 发布 —— 在Node.js和浏览器中调用Elasticsearch（1）

继PHP.Ruby.Python和Perl之后,Elasticsearch最近发布了Elasticsearch.js,Elasticsearch的JavaScript客户端库.可以在Node.js和浏览器中使用. 安装node.js模块在Node.js项目中使用,只需用npm安装: 浏览器 Elasticsearch.js为现代浏览器准备了构建,可从此处取得. 下载后解压缩,然后选择适合你的文件: elasticsearch.jquery.js —— 如果你使用jQuery elasticse

Elasticsearch.js 发布 —— 在Node.js和浏览器中调用Elasticsearch