chrome浏览器下，使用jquery click()点击事件，被点击的元素会出现黄色边框： 解决方法： 给被点击的元素添加:focus的css代码：（如被点击的元素是element，代码如下 element:focus { outline:none; } 或 element:focus { outline:0; }

jQuery使用css()方法获取background-image属性值返回的结果是url('path')而不是图片url，要获取背景图片属性background-image中图片路径的值，可以通过split()或replace()获取。 方法一： var _bk = $('.bgImg').css('backgroundImage'); var _src = _bk.split('(')[1].split(')')[0]; alert(_src); 代码意思： 1、获取background-image属性值url('path') 2...

视频本地播放器可以打开播放，在网页上使用video标签不能播放或显示无效源，原因是视频的编码不被video支持，解决方法是转换视频编码。 当前video标签支持Ogg、MPEG4(mp4)、WebM三种视频格式，分别支持的视频编码如下： Ogg - Theora视频编码、Vorbis音频编码 MPEG4 - H.264视频编码、AAC音频编码 WebM - VP8视频编码、Vorbis音频编码 转换编码可以使用格式工厂等视频、音频转换软件操作，建议选择MP4格式的AVC+AA...

当浏览器宽度大于768px时不使用Owl Carousel，小于或等于768px就使用Owl Carousel，实现方法。 引用Owl Carousel 2.3.4插件文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script type="text/javascript" src="owl.carousel.min.js"></script> 调用代码： $(window).on('re...

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的，随后就要立即解除绑定的情况，用one() $('#btn').one("click",function(){.......}); 触发操作：trigger()方法触发被选元素的指定事件类型。 $('#btn').trigger("click"); 触发自定义事件：bind()方法为被选元素添加一个或多个事件处理程序，并规定事件发...

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘，所以在为移动Safari浏览器开发交互性网页的时候，PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候，其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后，Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。 下面具体说明： ...

通过js获取包含和不包含路径的上传文件名称。 html代码： <div id="filename"></div> <form> <input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.files[0].name"/> <input type="submit" class="btn" value="上传" /> </f...

toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数，如保留两位小数、三位小数。 语法: NumberObject.toFixed(num) NumberObject - 数字对像 num - 要保留的小数位数，是 0 ~ 20 之间的值，包括 0 和 20，如果省略了该参数，将用 0 代替。 返回值： 返回NumberObject的字符串表示，不采用指数计数法，小数点后有固定的num位数字。如果必要，该数字会被舍入，也可以用0补足，以便它达到指定的长度。如果num大于...

最外层boxF旋转120度、第二层boxS旋转-60度、第三层boxT再旋转-60度，此时刚好回正，然后把图片就放在第3层的div背景中。因为前两层div中没有东西，纯粹就是用来旋转得到6边形的，所以对1，2层div设置visibility: hidden; 而第3层div是放图片的，需要显示出来，因此设置visibility: visible; 经过旋转肯定有超出的部分，因此对3个div都设置overflow:hidden;经过旋转和对超出部分的隐藏我们就可以得到我们想要的6边形了。 注意： 如果不对第3层div设置v...

使用原生js获取web当前页面url网址信息，包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。 1、获取整个URL地址 当前页面：https://www.tddx.net/geturl.html?id=1 var _url = window.location.href; alert(test); 返回值：https://www.tddx.net/geturl.html?id=1 2、获取URL协议 当前页面：https://www.tddx.net/getur...

使用原生javascript实现点击展开关闭div效果。 html代码： <span onclick="clickshow('element');"></span> <div id="element"> 欢迎访问http://www.neirong.org! </div> javascript代码： function clickshow(element){ var _obj = document.getElementById(element); if(_obj.style.display ==...

使用原生javascript document.getElementById('id')获取dom元素时，出现“document.getElementById("id") is null ”的错误。 原因有两种： 第一种是id不存在或 错者拼写错误； 第二种是body还没有加载，此时执行获取dom对象元素代码会报is null的错误。 解决方法： 把javascript代码放在</body>前面。