展开菜单

小程序实现点击拨打电话api接口wx.makePhoneCall

在需要点击拨打电话的标签上绑定一个点击事件bindtap,代码: <view class="call" bindtap="makeCall">拨打电话</view> 在点击事件的方法里使用wx.makePhoneCall Page({ data: { phone:'400 888 8888', }, makeCall:function(){ wx.makePhoneCall({ phoneNumber:this.data.phone //或者直接phoneNumber:'400 888 8888' ...

百度地图坐标点不居中显示位置错误的解决方法

使用百度地图javascript api调用地图,出现坐标点显示在右下角的问题,正常情况应该是居中显示,搜索相关问题总结得出原因是百度地图加载的时候不对,正确的应该要等DOM加载完成之后再执行百度地图javascript代码,调整过后百度地图显示恢复正常。 解决方法: 使用 document.ready 或者 window.onload 代码如下: Javascript window.onload = function(){ var map = new BMap.Map('allmap'); var point = new ...

wow.js实现上下滚动页面时重复执行动画的效果

animate.css 动画库搭配 wow.js 插件能实现当浏览器滚动到对应网页元素时出现动态加载效果,但只能执行一次,即再次滚动到该元素位置时不会再执行对应的动画加载效果,而要实现每次上下滚动都会执行动画加载效果,就还需要对 wow.js 插件的源代码进行修改,目前已经有人这样做了,下面是君度网络公司修改过后的 wow.js 插件代码,使用该代码可以实现每次滚动到对应元素都会执行动画效果。 完整代码 (function() { var MutationObserver, Util, WeakMap, getComputedStyle, getCompu...

原生javascript获取屏幕、浏览器窗口、网页的各种不同高度代码

原生javascript获取屏幕、浏览器窗口、网页的各种不同高度代码

因为浏览器窗口包含的元素比较多(如工具栏、任务栏、滚动条等),所以浏览器窗口的高度会因为元素的不同而不同,因此javascript获取浏览器窗口相关的高度的属性也有多个,如height、avaiHeight、outerHeight、innerHeight、clientHeight、offsetHeight。 下面这张图可以直观地理解各个属性: 属性介绍 电脑屏幕高度 Window Screen对象包含有关用户屏幕的信息。 screen.height:屏幕分辨率的高 screen.avai...

Web版超链接唤起手机百度地图app并根据坐标定位的api

Web版超链接唤起手机百度地图app并根据坐标定位的api

web版百度地图api链接,PC端浏览器打开直接进入百度地图网页版,移动端首页打开则会唤起前往百度地图APP查看的提示,取消则进入移动端浏览器百度地图。 示例: https://api.map.baidu.com/marker?location=40.047669,116.313082&title=我的位置&content=百度奎科大厦&output=html&src=webapp.baidu.openAPIdemo   //调起百度PC或web地图,且在(lat:40....

jquery resize()方法中click会触发两次的解决方法

在 resize() 方法中添加 click 事件,点击一下会触发两次,会导致使用 toggle 类型的方法有异常。 示例: $(window).resize(function(){ $('button').click(function(){ $('p').fadeToggle('fast'); }); }).trigger('resize'); 上面的代码点击一下 button 后,p 标签的内容会显示后立即隐藏,这是因为连续触发了两次的 button 点击。 解决方法是在点击前,先取消 click 事件,然后再继续点击。 ...

微信小程序input文本框获得焦点或失去焦点时获取的value值

微信小程序分别获取点击input文本框取得焦点时的value值,失去input文本框焦点时的value值。 wxml代码: <input type="text" bindblur="blurVal" bindfocus="focusVal" value="{{keyword}}"/> js代码 Page({ data: { keyword: '' }, bindblur: function(event){ var val = event.detail.value; console.log(val); }, ...

jquery避免setInterval setTimeout首次执行延迟的方法

javascript 的 setInterval(fn, delay) 方法和 setTimeout(fn, delay) 方法的作用是按设置的 delay 间隔时间执行 fn 函数,所以首次执行时就会有 delay 时长的延迟,如果不想首次执行有延时,那么就在这两个方法执行前,先执行一次 fn 函数。 setInterval() 方法 var num = 0; var at = function(){ console.log(num++); return at; } setInterval(at, 1000); setTimeout() 方法 ...

jquery判断scroll()是否停止滚动的代码

scroll()函数没有回调函数,没办法直接检测是否停止了滚动,但是可以换个思路,使用 setTimeout 定时器检测滚动状态。 var status = null; //定义一个定时器,默认为空,表示没滚动运 $(window).scroll(function(){ if(status != null){ clearTimeout(status); alert('正在滚动'); } //一直滚动就会一直触发 setTimeout,触了 status 就不等于null,不等于 null 就会一直执行上面那一句 status =...

IE浏览器加载rem自适应网页元素尺寸显示异常

使用rem制作等比例缩放自适应网页,在IE浏览器下会出现页面加载完成后,使用了 rem 单位的网页元素尺寸显示异常的问题。原因是给body标签的 font-size 属性定义了固定大小的默认值,解决方法是把 font-size 属性值设置为 100%,直接删除该属性。 示例: 原代码 body { font:normal 16px/1.875em 'Arial'; } 修改为 body { font:normal 100%/1.875em 'Arial'; } 如果想要给网页定义默认字体大小,又不想影响rem,在bod...

javascript解决Firefox浏览器不支持zoom等比例缩放方法

由于Firefox浏览器不支持CSS3属性 zoom,所以前面jQuery + CSS属性zoom实现web页面等比例缩放的代码不支持火狐浏览器,要兼容Firefox浏览器,目前想到的方法是借且CSS3属性 transform,但是有点麻烦,适合缩放元素少的网页使用。 1、给每一个需要等比缩放的元素添加class="scale" 2、然后使用下面的js代码 (function(doc, win){ var scal = 1, obj = doc.getElementsByClassName('scale'); var res = functi...