解决ios内置微信背景音乐自动播放

 jQuery/js  高蒙  阅读(99)  评论(0)  ios 微信  3周前 

苹果的移动端设备微信内置浏览器目前是不支持音频自动播放的。那么在很多场景下面,是需要自动播放音乐的。这里实现的方式是配合微信js。具体方法如下:<audio id="adoMusic" src="123.mp3" style="display: none;"></audio>document.addEventListener('DOMContentLoaded


js中indexOf()方法的使用

 jQuery/js  高蒙  阅读(419)  评论(4)  indexOf() js  3个月前 

JS中的indexOf()方法在可用于查找字符在字符串和数组的位置。一、字符串的使用。var str = '12345678';console.log(str.indexOf('1')); // 返回0console.log(str.indexOf('4')); // 返回3console.log(str.indexOf('9')); //&


如何实现js上传图片本地预览同时支持预览截图的功能

 jQuery/js  高蒙  阅读(15289)  评论(9)  js cropper.js 截图  5个月前 

在项目中经常会用到js上传图片本地预览的效果,同时需要在预览图上直接预览截图的范围。下面是我写的简单的demo,是用js结合cropper.js模拟实现此项前端的功能,后台则不考虑。准备:引入文件:<link rel="stylesheet" href="http://static.shuchengxian.com/css/cropper.min.css"><script src="http


嵌套iframe框架之间的跳转或刷新新页面

 jQuery/js  高蒙  阅读(578)  评论(0)  iframe  6个月前 

项目中使用iframe嵌套多层,在最底层的iframe框架中我需要跳转或者刷新最顶级的页面。这个时候就需要使用top.location.href即可。那么下面还介绍几种iframe页面的跳转方法,以便以后查阅。"window.location.href"、"location.href"是本页面跳转  "parent.location.href":是上一层页面跳转 "top.location.href&quo


简单好用,极易上手的图片截取截图插件cropper.js

 jQuery/js  高蒙  阅读(1354)  评论(0)  cropper.js 截图 截图插件  6个月前 

项目中需要配合以图搜图功能,于是呢,就需要相应的截图程序功能。市面上现在有很多的图片截取插件。今天,我结合自身的使用经历。看看cropper.js如何轻易上手,完成图片截图功能。演示地址:https://fengyuanchen.github.io/cropperjs/github地址:https://github.com/fengyuanchen/cropperjshtml:<img id="cropTestImg" src="图片地


如何解决javascript获取隐藏元素宽高的方法

 jQuery/js  高蒙  阅读(475)  评论(0)  javascript 隐藏 元素宽高  6个月前 

在实际操作中,我们往往需要新隐藏某些元素,当使用javascript点击或者其他操作的时候,才予以展示。一般我们都是设置其属性为display:none。那么,有个问题来了,就是当触发某个事件的时候,需要获取其宽高,进行居中展示,或者计算设置样式的像素值时,此时会意外的出现获取不到元素的宽高。当我刚遇到这个问题时候,也是懵了一下。还好,最后是解决了javascript获取隐藏元素宽高的问题。那么,举例说明,如下:<button>点我显示隐藏</button><d


如何用js判断图片地址是否正确

 jQuery/js  高蒙  阅读(389)  评论(0)  远程图片 js  6个月前 

项目中需要前端判断远程图片是否存在的功能需求,于是找到了以下的js方法,不是很完美,但是至少也不失为一种方法,思路。function CheckImgExists(imgurl) {var ImgObj = new Image(); //判断图片是否存在    ImgObj.src = imgurl;//没有图片


js实现鼠标移动放大图片功能

 jQuery/js  高蒙  阅读(602)  评论(2)  js 图片 放大  8个月前 

在项目需要实现用js实现鼠标移动放大图片功能。如下图:通过上图可以发现几个要求:1、图片始终要贴底边展示。2、第一张需要向右侧展示,其他则反之。不然会出现撑破浏览器最大的宽度,出现滚动条。具体的实现代码如下:样式:<style>#tooltip {position: absolute;display: none;width: 550px;height: 550px;background-color: white;box-


解决jQuery ajax动态新增节点绑定多个事件无效的问题

 jQuery/js  高蒙  阅读(493)  评论(1)  ajax 事件 无效  8个月前 

用jQuery调用ajax动态写入节点的时候,需要同时绑定多个事件,比如鼠标的移入、移出、移动的事件。单个事件:$('#id').on('mouseover',function(){});多个事件:<script>    $(document).on({        mouseover: function(e){}


整理使用ajax开发搜索功能中遇到的问题以及解决的方法

 jQuery/js  高蒙  阅读(633)  评论(1)  ajax 搜索功能  8个月前 

本文旨在记录开发搜索功能模块中,遇到的问题和解决方法以及思考。由于本模块是基于ajax方式加载,所以大部分都是javascript代码。开始的想法是,用ajax方法编写,第一用户体验好,第二顺便熟悉加强一下javascript。不知者无畏,在接下来的开发中,就遇到了一些列的问题。下面进行整理,分析,便于以后查阅,吸取经验。1、如何记录当前页?当前页刷新如何保持在当前页?用过ajax分页的小伙伴们,都知道,使用ajax进行分页的时候,地址栏的链接是不会变化的。这就牵涉到一个问题,当我们刷新当前页的


如何用jquery.qrcode.js插件在线生成二维码

 jQuery/js  高蒙  阅读(664)  评论(2)  二维码 jquery jquery.qrcode.js  10个月前 

在之前的一篇文章中我介绍了用php怎么生成二维码,今天我要说的是用jquery.qrcode.js前端生成二维码。jquery.qrcode.js是一个纯浏览器生成QRcode的jQuery插件,它使用非常简单,生成的QRcode无需下载图片,并且不依赖第三方服务。实在是挺好用的。官网地址:https://larsjung.de/jquery-qrcode/其实在官方的API已经说的很清楚了,我这里只是做个简单的案例。<div id="container"&g


jquery.cookie.js插件的使用以及注意事项

 jQuery/js  高蒙  阅读(573)  评论(0)  jquery jquery插件 jquery.cookie.js  10个月前 

jquery.cookie.js插件是客户端的jquery-cookie插件,可以很方便的设置cookie缓存。设置简单,操作方便。一、注意事项:自己在动手操作的时候还是遇到一点问题,比如出现cookie设置不成功获取失败,请注意下面的细节。1、在设置cookie的时候,要设置好path和domain。避免在获取的时候,出现失败。2、在删除cookie的时候,也要带上path和domain。同时在赋值的时候,可以用空字符串代替null去删除cookie。因为在获取的时候,它会是null,这个我觉


解决webUploader上传文件无法捕获error错误的问题

 jQuery/js  高蒙  阅读(2297)  评论(2)  webUploader error  10个月前 

在使用webUploader插件的时候,当不满足上传条件的时候,没有error提示,也不报错。通过console.logo();也捕捉不到error错误信息。官方API中提到error的事件可以获取到当validate不通过时,会以派送错误事件的形式通知调用者。那么我们看正确的写法是怎么实现的? // 判断文件出错uploader.onError = function( code ) {  &nbs


如何解决iframe跨域子域名间跨域操作js的问题

 jQuery/js  高蒙  阅读(777)  评论(0)  iframe iframe跨域  10个月前 

在项目中会经常使用到iframe跨域操作js。浏览器在执行Javascript时,出于对安全性的考虑,禁止两个或者多个不同域的页面进行互相操作。 相同域的页面在相互操作的时候不会有任何问题。如果是子域名之间js也是不认可的,但是我们可以通过document.domain='xxx.com'强制的指定域名,就可以实现同一域名下不同子域名之间的js操作。下面我们本地来模拟这之间的操作过程。一、本地配置虚拟主机。windows主机的hosts文件中配置。分别指向a.html b.htm


如何使用html5 PostMessage解决iframe完全跨域的问题

 jQuery/js  高蒙  阅读(888)  评论(0)  iframe跨域 postmessage  10个月前 

在开发中引用iframe页面是常见的,但是iframe完全跨域同时能够操作引入的iframe跨域页面中元素却很少见。使用的场景有可能是:1.页面和其打开的新窗口的数据传递。2.多窗口之间消息传递。3.页面与嵌套的iframe消息传递。此时,就牵扯到iframe完全跨域的问题。这里介绍一个方法html5 PostMessage方法,html5引入的message的API可以更方便、有效、安全的解决这些难题。postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本


Copyrights © 2016-2017 高蒙个人博客 www.shuchengxian.com, All rights reserved. 皖ICP备15015490号 皖公网安备 34152302000022号网站地图

关键词:个人博客,PHP博客,PHP博客程序,高蒙博客,高蒙个人博客,php程序员博客,程序员个人博客