JavaScript/Jquery

  • JavaScript 正则表达式(匹配,提取,替换)

    JavaScript 正则表达式(匹配,提取,替换)

    正则表达式作为一种匹配处理字符串的利器在很多语言中都得到了广泛实现和应用,JavaScript作为一门常用于web开发的语言,必然要具备正则这种强大的特性,但是C#中正则表达式与JavaScript的语法大近相同, 不过也有不同之处,本文将对JS中的正则用法及常用函数进行一番总结。正则匹配创建正则对象(语法):var regex = new RegExp("正则表达式字符串", "可选参数");boolean regex.test(要匹配的字符串);举个例子:var regex = new RegExp("^\\d+$"); //匹配一个数字字符alert(regex.test...

    JavaScript/Jquery 2018-12-09 浏览(62 阅读原文>>
  • JavaScript 中 Arguments 使用介绍

    JavaScript 中 Arguments 使用介绍

    当我们习惯于编写后台代码时,会经常使用函数重载,但是JavaScript有没有重载呢, 答案是没有的,例如下面的代码function func(n) { alert(n);}function func(n, m) { alert(n + m);}func(1); func(2,3); 上面的那段代码运行 结果依次弹出 “NaN”,“5”,可见函数中并没有重载。但是我们可以利用 Arguments 对象实现类似于函数重载的效果 其实在js中,可以给函数传递任意多个参数,定义函数的时候,只是一个显示可以使用的名字列表而已,真正的参数交给了函数的Arguments对象,他是一...

    JavaScript/Jquery 2018-12-05 浏览(47 阅读原文>>
  • JavaScript 之动态函数 - Function

    JavaScript 之动态函数 - Function

    在 javaScript中,经常会使用到函数,普通函数虽然很方便,但是,形式略显复杂,特别是代码量大的时候,这时,我们可以使用动态函数,动态函数形式比较简洁,并且比普通函数表达式更灵活,其结构如下:var func =new Function(arg1,arg2,arg3,...,body); javaScript是严格区分大小写的,所以Function不能写成function,不然会报错;下面看下怎么用吧;var str = "var x = 5; for(var i = 0 ; i < 10 ; i++){ alert( x + i) }";var func = ne...

    JavaScript/Jquery 2018-12-05 浏览(52 阅读原文>>
  • Draggabilly 轻松实现拖放功能

    Draggabilly 轻松实现拖放功能

    Draggabilly是一款功能强大的网页元素拖动拖拽插件。该元素拖拽插件可以和jQuery结合使用,也可以以纯js的方式使用。它提供了强大的拖拽元素的能力,并且可以支持IE8浏览器和移动触摸设备。...

    JavaScript/Jquery 2018-09-20 浏览(241 阅读原文>>
  • Draggabilly 轻松实现拖放功能|插件下载|Demo下载

    Draggabilly 轻松实现拖放功能|插件下载|Demo下载

    Draggabilly是一款功能强大的网页元素拖动拖拽插件。该元素拖拽插件可以和jQuery结合使用,也可以以纯js的方式使用。它提供了强大的拖拽元素的能力,并且可以支持IE8浏览器和移动触摸设备。官网:https://draggabilly.desandro.com 不过貌似需要翻墙才可以,这就有点悲哀了。 网上有很多关于Draggabilly的例子, 不过大部分都不够详细, 我在网上下载了一个例子, 在此基础上做了一些描述, 包括参数含义, 事件绑定,元素事件(dragStart,dragMove,dragEnd,pointerDown,pointerMove...

    JavaScript/Jquery 2018-09-20 浏览(119 阅读原文>>
  • js实现在页面随意拖动一个div|Demo下载

    js实现在页面随意拖动一个div|Demo下载

    今天看到一个页面非常好看非常炫,页面中的元素可以像window系统一样, 在页面随意拖动, 觉得很炫, 于是自己动手模拟的写了一下, 贴出来给大家分享一下, 如果写的不好请见谅源码下载:随意拖动文件.rar代码:<!doctype html><html><head> <meta charset="UTF-8" /> <title>随意拖动文件-白码驿站(www.51baidu.com.cn)</title> <script src="jquery-1.7.2.min.js" type="text/javascript"></script> <style ...

    JavaScript/Jquery 2018-09-19 浏览(119 阅读原文>>
  • html5+ajax实现文件拖拽上传

    html5+ajax实现文件拖拽上传

    使用HTML5的文件API,可以将操作系统中的文件直接拖放到浏览器的指定区域,实现文件上传到服务器。实现步骤可以分为以下几步:1、监听拖拽:监听页面元素的拖拽事件,包括:dragenter、dragover、dragleave和drop,一定要将dragover的默认事件取消掉,不然无法触发drop事件。如需拖拽页面里的元素,需要给其添加属性draggable=”true”;2、获取拖拽文件:在drop事件触发后通过e.dataTransfer.files获取拖拽文件列表,.length属性获取文件数量,.type属性获取文件类型。3、发送图片:使用FormData模拟表单数据...

    JavaScript/Jquery 2018-09-13 浏览(144 阅读原文>>
  • ajax静态上传file文件,并预览图片

    最近在做一个项目, 需要静态上传文件到后台,并且在没有提交表单前可以查看上传的文件,看公司代码,都是使用 ifrome 标签实现的, 比较麻烦,于是发现有更简单的方法,支持ajax静态上传,支持上传多文件,好了,废话少说,直接上代码吧前台页面代码: <h1>注意:ie浏览器必须是ie10及以上版本才可以</h1> <input type="file" id="fileUpload" /> <img src="" style="display:none" id="img-show" /> <input type="button" value="ajax静态上传图片...

    JavaScript/Jquery 2018-08-28 浏览(204 阅读原文>>
总计 161 条 当前第 1 页共 21 页

点击排行