由于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...
js代码实现m转换为km的代码，实现思路是判断数值是否大于1000，如果大于1000就通过除以1000转为km单位，再使用toFixed保留小数点后两位数。如果小于两1000则使用m为单位。 代码如下 function kmUnit(m){ var v; if(typeof m === 'number' && !isNaN(m)){ if (m >= 1000) { v = (m / 1000).toFixed(2) + 'km' } else { v =...
非响应式web网页，在小于web网页设置的宽度的分辨率电脑下显示，会出现滚动条滚动显示超出分辨率的内容，如：网页主体宽度为设置为width:1400px，那么在1280分辨率电脑的浏览器上访问，就会出现横向滚动条。 如果想完整显示，又不做成响应式结构，可以通过等比例缩放的形式让网页完整显示在1280分辨率电脑的浏览器上，等同于浏览器“Ctrl+鼠标滚动”的缩放效果。 代码也很简单，通过jquery的resize()方法和css的zoom属性即中。 实现代码 $(window).resize(function () { var win = ...
方法一 array.indexOf()方法可以返回数组中某个指定的元素位置，该方法会从头到尾地检索数组，检测是否含有对应的元素，如果检索到，则返回元素第一次出现的位置，如果没有检索到，则返回-1。 示例： var _str = 'two'; var _arr = ['one', 'two', 'three', 'five']; if(_arr.indexOf(_str) > '-1'){ alert('数组中存在该值'); } //_arr.indexOf(_str) 返回结果是1 方法二 array.include...
实现的效果：箭头按弧线的轨迹运行，运行的轨迹为虚线状态，运行到弧线末端后，变成直线运行 HTML代码 <svg width="800px" height="600px" viewbox="0 0 190 150"> <defs> <marker id="markerArrow" markerWidth="6" markerHeight="9" refx="6" refy="5" orient="auto"> <path d="M0,0 L6,5 L0,9"&g...
通过js代码检测当前网页在指定时间内，是否有鼠标移动、滚动操作，键盘是否有按键操作。 var status = 0; var time = 60 * 1000; var mousex, mousey; document.onkeydown = function(e){ status = 1; } document.onmousemove = function(e){ var e = e || window.event; if(e.pageX || e.pageY){ var ex = e.pageX; var ey = e.page...
HTML标签video不使用control参数，通过自定义按钮实现视频播放暂停的代码，比较简单，适合只要播放暂停效果的需求。支持IE9+、手机浏览器。 javascript代码 function videoBtn(type, videoId, btnId){ if(type == 'play'){ var video = document.getElementById(videoId); var btn = document.getElementById(btnId); video.play(); btn.style.disp...
IE9以下浏览器或其它低版本浏览器不支持js window对象的方法 requestAnimationFrame()，但是可以结合 setTimeout 以及各自浏览器的专属前缀实现低版本浏览器的兼容。 支持 requestAnimationFrame() 方法的浏览器 代码： window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame |...
javascript Web API接口navigator.language（只读属性）可以返回一个表示用户偏好语言的字符串，通常指浏览器UI的语言（即在浏览器设置中选择的语言），换个思路，使用navigator.language可以在一定程度上判断浏览访客来自哪个国家，至少能判断浏览器使用的是哪国语言（根据浏览器语言的选择）。 navigator.language语言列表： 来自stackoverflow（不知道是不是齐全的） ["af", "sq", "ar-SA", "ar-IQ", "ar-EG", "ar-LY", "ar-DZ", ...
使用css代码可以禁止网页滚动，但是会使浏览器窗口的滚动条消失。而js代码则可以让页面禁止滚动的同时，保留滚动条的显示状态，而且滚动条的位置不变。 javascript代码 var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function pre...
在网页上定位当前城市，并返回当前城市名称，最简单的实现方法就是利用现成的城市定位接口，如百度普通IP定位接口、搜狐的城市定位api、腾讯地图IP定位接口等。 百度普通IP定位接口 https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll 官方主页：http://lbsyun.baidu.com/index.php?title=webapi/ip-api 调用代码： $.ajax('https://api.map.baidu.com/location/ip?ak...