因为浏览器窗口包含的元素比较多（如工具栏、任务栏、滚动条等），所以浏览器窗口的高度会因为元素的不同而不同，因此javascript获取浏览器窗口相关的高度的属性也有多个，如height、avaiHeight、outerHeight、innerHeight、clientHeight、offsetHeight。 下面这张图可以直观地理解各个属性： 属性介绍 电脑屏幕高度 Window Screen对象包含有关用户屏幕的信息。 screen.height：屏幕分辨率的高 screen.avai...
本地 Microsoft SQL Server Management Studio 远程登录 SQL Server，鼠标右键点击数据表会弹窗提示“索引超出了数组界限。(Microsoft.SqlServer.Smo)”，百度查阅后得知是因为本地 SQL Server 版本与服务器 SQL Server 版本不一致导致，解决方法是安装和服务器相同的版本，或者给本地的 SQL Server 打上 Microsoft® SQL Server® 2008 R2 Service Pack 3 补丁（即 SP3 补丁）。 SQL Server 弹窗提示 ...
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....
nginx服务器，nginx reload命令重启报错 nginx: [warn] conflicting server name "domain.com" on 0.0.0.0:80, ignored nginx: [warn] conflicting server name "domain.com" on 0.0.0.0:80, ignored 原因是重复绑定了域名，即在多个 vhost 中绑定了同一个域名，如在 www.one.com.conf 和 www.two.com.conf 两个不同的vhost中都绑定了 domain.com 域名 ...
在 resize() 方法中添加 click 事件，点击一下会触发两次，会导致使用 toggle 类型的方法有异常。 示例： $(window).resize(function(){ $('button').click(function(){ $('p').fadeToggle('fast'); }); }).trigger('resize'); 上面的代码点击一下 button 后，p 标签的内容会显示后立即隐藏，这是因为连续触发了两次的 button 点击。 解决方法是在点击前，先取消 click 事件，然后再继续点击。 ...
微信小程序分别获取点击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); }, ...
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() 方法 ...
scroll()函数没有回调函数，没办法直接检测是否停止了滚动，但是可以换个思路，使用 setTimeout 定时器检测滚动状态。 var status = null; //定义一个定时器，默认为空，表示没滚动运 $(window).scroll(function(){ if(status != null){ clearTimeout(status); alert('正在滚动'); } //一直滚动就会一直触发 setTimeout，触了 status 就不等于null，不等于 null 就会一直执行上面那一句 status =...
使用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...
由于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...
HTML DOM ended 事件在 HTML video（视频）或 audio（音频）播放完成后触发，因此通过监听 ended 事件就可以判断视频或音频是否已经播放完在，然后执行其它操作。 以下代码支持IE9+浏览器。如果是音频则把 HTML 代码改成 audio 标签的内容即可。 HTML代码： <video id="video1" src="upload/video.mp4" poster="upload/poster.jpg" webkit-playsinline="true" playsinline="tr...
HTML5 视频标签 video 在不同浏览器会有不同的控件样式，想要统一 video 视频控件的样式，可以利用 HTML5 Video 的 Api，用 JavaScript 访问 html video api，将其作为控制视频的媒介，就可以实现 video 视频控件皮肤样式的自定义。 jQuery 是如何获取 video 标签的（基础可以跳过） 在原生 javaScript 中使用 getElementById('videoID') 获取 video 标签会得到一个 Dom 对象，在 jQuery 中使用 $("videoID") 会返回一个 jQ...