javascript
关注
分享
扫一扫
wangcuiling_123
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jquery如何让页面的滚动条返回到顶部
Jquery让页面的滚动条返回顶部： $("body,html").animate({scrollTop:0},1000)原创 2017-06-20 21:08:45 · 2031 阅读 · 0 评论 -
区分slice、splice、split、join方法
关于字符串和数组的方法，我们经常会用到，下面就详细的区分下slice、splice、split、join方法，加深下记忆并做个笔记。slice (数组)定义和用法 slice()方法提取部分的数组元素，返回包含提取元素的新数组，不会改变原数组。语法 arrayObject.slice(start,end) 参数 start（必选）: 指定提取部分...原创 2018-09-17 16:17:48 · 1153 阅读 · 0 评论 -
js实现简单拖拽案例
简单拖拽事件主要是监听三个事件：onmousedown, onmousemove, onmouseup 三个事件，思路也很简单，但是写的时候还是遇到了一些小问题，先放代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽事件案例</title> <style type="text/原创 2017-11-05 02:00:59 · 495 阅读 · 0 评论 -
实现对象深拷贝的简单案例
代码function deep() { var length = arguments.length; if (length <= 2) { if (length === 1) { return deep({}, arguments[0]); } else if (l原创 2017-11-04 22:49:49 · 522 阅读 · 0 评论 -
日期格式化方法
有时候我们页面里常常会格式化时间， 下面的就是一个简单的时间格式方法： function formatDate (date, fmt) { // 拼配fmt中的一个或多个y字符 if (/(y+)/.test(fmt)) { // 匹配成功 // RegExp.$1是匹配的y字符（'yyyy'）, 用时间的年份替换 fmt = fmt.re...原创 2017-10-20 17:44:45 · 687 阅读 · 0 评论 -
数组去重常见的三种方法
第一种是比较常规的方法思路：1.构建一个新的数组存放结果2.for循环中每次从原数组中取出一个元素，用这个元素循环与结果数组对比3.若结果数组中没有该元素，则存到结果数组中 代码如下:Array.prototype.unique1 = function(){var res = [this[0]];for(var i = 1; i < this.length; i++){转载 2017-09-14 18:47:11 · 873 阅读 · 0 评论 -
原生js事件委托与简单的jquery事件委托方法
事件委托： 将事件绑定到父元素身上，由子元素触发事件适用于元素后续添加或删除情况：jquery语法：$(selector).on(event, childSelector, function (){}); 原生js：//找到父元素，添加事件监听器...document.getElementById(parentSelector).addEventListener(event,原创 2017-07-19 12:09:01 · 720 阅读 · 0 评论 -
通过[index]和.eq(index)获取的对象有什么区别
通过[index]获取的是原生的dom对象，是js原生调用方法（*是不能用在Jquery中调用*）通过.eq(index)获取的是Jquery对象，是Jquery调用方法（*也不可在原生js中调用*）分清js原生和Jquery就行了原创 2017-06-14 21:44:46 · 1928 阅读 · 0 评论 -
阻止a标签默认事件的几种简单方法
第一种： 百度 或者百度测试：（可行）百度百度1 function myjs(){ alert("a标签默认事件被阻止，执行js函数"); }第二种：百度 (最常见的，但是点击后页面会返回到顶部，不可用)；所以又有了百度或者百度测试：百度 百度1 百度2 function myjs(){ alert("a标签默认事原创 2017-06-27 14:57:20 · 22088 阅读 · 0 评论 -
图片左轮播 最后一张和第一张无缝衔接
解决衔接的办法：先移动，后把第一张图片定位到后面，示意图：原创 2017-06-14 10:26:26 · 5622 阅读 · 0 评论 -
图片右轮播第一张和最后一张无缝衔接
解决右轮播第一张和最后一张的衔接办法：最后一张先定位到第一张前面，再右移，示意图：原创 2017-06-14 10:33:24 · 5097 阅读 · 0 评论 -
HTML5中Audio标签ended属性的使用
HTML5音频的循环播放，javascript调用audio对象实现循环播放原创 2017-06-11 23:22:24 · 2643 阅读 · 0 评论 -
兼容ie的javascript封装EventUtil函数
var EventUtil={ //绑定事件 addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); }else if(element.attachEvent){ element.attachE原创 2017-06-12 01:23:12 · 370 阅读 · 0 评论 -
javascript获取鼠标坐标pageX和clientX的区别
这两种获取鼠标坐标的方法，区别在于基于的对象不同：pageX和pageY获取的是鼠标指针距离文档（HTML）的左上角距离，不会随着滚动条滚动而改变；clientX和clientY获取的是鼠标指针距离可视窗口(不包括上面的地址栏和滑动条)的距离，会随着滚动条滚动而改变；测试代码：案例中点击红点，滚动条滑动不同距离，查看获取的距离，只有clientY，clientX改变<!DO...原创 2017-06-22 23:36:04 · 8694 阅读 · 5 评论 -
页面显示多个倒计时简单案例
今天看到一篇关于页面显示多个倒计时的，发现代码存在一些错误，而且是采用了对象的方式，无法实现多个倒计时，一般这种是使用在购物商城多个商品倒计时，便自己写了以下这个简单的案例，采用构造函数，可实例化多个（已测试）：效果图：案例代码：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &原创 2019-02-19 19:24:48 · 1415 阅读 · 0 评论