Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery使用drag效果实现自由拖拽div

jQuery使用drag效果实现自由拖拽div

2017年02月06日 12 阅读
偶然间看到了以前做的一个简洁的div拖拽效果，修改了一下加点注释，经测试完美通过firefox/chrome/ie6-11，现拿来分享一下。先说一下实现原理及要点，最主要的有三步。第一步是mousedown事件，鼠标mousedown的时候记录此时的鼠标X轴和Y轴以及拖拽框的left和top，并且给拖拽标记赋值true，代表拖拽动作就绪。第二步是mousemove事件，此时动态获取鼠标的X轴和Y轴，然后计算出来拖拽框新的left和top并赋值使其实现拖拽效...
JavaScript中的setMilliseconds（）方法使用详解

JavaScript中的setMilliseconds（）方法使用详解

2017年02月06日 13 阅读
javascript Date.setMilliseconds（）方法按照本地时间设置指定日期的毫秒。语法Date.setMilliseconds（millisecondsValue）注：括号内的参数是可选的 millisecondsValue : 一个数字0和999之间，代表毫秒。如果外界的预期范围指定一个数字，Date对象的日期信息进行相应的更新。例如，如果指定1010的秒数被加1，以及10会被用于毫秒。返回值:NA例子：<html><...
实现placeholder效果的方案汇总

实现placeholder效果的方案汇总

2017年02月06日 14 阅读
placeholder是html5<input>的一个属性，它提供可描述输入字段预期值的提示信息（hint）， 该提示会在输入字段为空时显示。高端浏览器支持此属性（ie10/11在获得焦点时文字消失），ie6/7/8/9则不支持。为了兼容各主流浏览器并使其呈现效果保持一致，以下三套方案仅供参考。方案一：摒弃原始属性placeholder，为input添加一个兄弟节点span，并为span设置绝对定位（父节点为position: relative...
JavaScript中setMonth（）方法的使用详解

JavaScript中setMonth（）方法的使用详解

2017年02月06日 15 阅读
javascript Date.setMonth（）方法按照本地时间设置每月指定日期。语法Date.setMonth（monthValue[, dayValue]）注：括号内外观和数据是可选的下面是参数的详细信息： monthValue : 从0到11的整数（表示个月份，从一月到十二月）。 dayValue : 从1到31的整数，代表一个月中的某天。 msValue : 一个数字0和999之间，表示毫秒。如果指定msValue参数，则还必须指定minute...
无刷新上传文件并返回自定义值

无刷新上传文件并返回自定义值

2017年02月06日 12 阅读
今天开发过程中遇到了这样一个问题：需要将Excel上传至服务器进行解析，但是在文档不合适的情况下希望可以不刷新页面提示用户文档不合适。冥思苦想了半天，在网上找了不少资料最终试验成功，在此分享下处理方法：首先先说下处理思路：在页面上添加一个隐藏的iframe，设置form表单的target属性设置为iframe的id，这样form提交时会将excel文件以文件流的形式传到后台，在后台接收后可进行自定义操作，之后返回的信息将显示在iframe中而不进行跳转，i...
详解JavaScript中setSeconds（）方法的使用

详解JavaScript中setSeconds（）方法的使用

2017年02月06日 13 阅读
javascript Date.setSeconds（）方法按照本地时间的设置秒指定日期。语法Date.setSeconds（secondsValue[, msValue]）注：括号内外的数据是可选的下面是参数的详细信息： secondsValue : 0到59之间的整数。 msValue : 一个数字在0和999之间，表示毫秒。如果不指定msValue参数，使用从方法使用getMilliseconds返回的值。如果指定的参数是预期范围之外，调用setSe...
JS/Jquery判断对象为空的方法

JS/Jquery判断对象为空的方法

2017年02月06日 13 阅读
发现了一个巧妙的实现: 需要检查一个对象（Object）是否为空，即不包含任何元素。Javascript 中的对象就是一个字典，其中包含了一系列的键值对（Key Value Pair）。检查一个对象是否为空，等价于检查对象中有没有键值对。写成代码，形如：if （isEmptyObject（obj）） { // obj is empty} else { // not empty} 至于 isEmptyObject 的实现，jQuery 中有一个很有想法的方式...
JavaScript中的setUTCDate（）方法使用详解

JavaScript中的setUTCDate（）方法使用详解

2017年02月06日 13 阅读
javascript Date.setUTCDate（）方法按照通用时间设置月份的一天，在指定的日期。语法Date.setUTCDate（dayValue）注：括号内外的数据是可选的下面是参数的详细信息： dayValue : 从1到31的整数，代表一个月的某一天如果指定的参数是预期范围之外，调用setUTCDate尝试相应地更新Date对象的最新信息。返回值:NA例子：<html><head><title>JavaSc...
禁止按回车键提交表单的方法

禁止按回车键提交表单的方法

2017年02月06日 12 阅读
出现自动提交的情况，有两种可能：一是编写了javascript代码，当用户点按Enter键时，通过js事件侦听机制触发表单的提交。二是利用了浏览器的默认行为（至少发现ie是这样的）。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Enter键时，浏览器会自动提交该表单。我们对于第一种情况一般都知道而且很...
JavaScript中setUTCFullYear（）方法的使用简介

JavaScript中setUTCFullYear（）方法的使用简介

2017年02月06日 12 阅读
javascript Date.setUTCFullYear（）方法按照通用时间将全年为指定的日期。语法Date.setUTCFullYear（yearValue[, monthValue[, dayValue]]）注：括号内外的数据是可选的下面是参数的详细信息： yearValue : 一个整数，指定年份的数字值，例如，2008年。 monthValue : 从0到11的整数表示的月份，从一月到十二月。 dayValue : 1到31之间的整数，表示该月...
JavaScript中setUTCMilliseconds（）方法的使用详解

JavaScript中setUTCMilliseconds（）方法的使用详解

2017年02月06日 12 阅读
javascript Date.setUTCMilliseconds（）方法按照通用时间设置毫秒指定日期。语法Date.setUTCMilliseconds（millisecondsValue）注：括号内外的数据是可选的下面是参数的详细信息： millisecondsValue : 一个数字在0和999之间，表示毫秒。如果指定的参数是预期范围之外，setUTCMilliseconds尝试相应地更新Date对象的最新信息。例如，如果 milliseconds...
JS中产生标识符方式的演变

JS中产生标识符方式的演变

2017年02月06日 13 阅读
一、ES5时代varfunction我们知道 JS 不象其它语言 Java、Ruby等，它用来命名变量的只有关键字 var，不论何种类型数据都用 var 声明，当然弱类型并不代表该语言没有类型，它的类型在运行时（根据不同运算符）会隐式转换。而其它语言如Java，光声明数字的关键字就有 int、 float、double、long。// JSvar num1 = 10; // 整数var num2 = 10.1;// 浮点数var str = "John";...
简介JavaScript中setUTCSeconds（）方法的使用

简介JavaScript中setUTCSeconds（）方法的使用

2017年02月06日 12 阅读
javascript Date.setUTCSeconds（）方法按照通用时间设置秒指定日期。语法Date.setUTCSeconds（secondsValue[, msValue]）注：括号内外的数据是可选的下面是参数的详细信息： secondsValue : 0到59之间的整数，表示秒。 msValue : 一个数字0和999之间，表示毫秒。如果不指定msValue参数，那么使用从getUTCMilliseconds方法返回的值。如果指定的参数是预期范...
ECMAScript6函数默认参数

ECMAScript6函数默认参数

2017年02月06日 12 阅读
语言更新时每一个新增的特性都是从千百万开发者需求里提取过来的，规范采用后能减少程序员的痛苦，带来便捷。我们经常会这么写function calc（x, y） {x = x || 0;y = y || 0;// to do with x, y// return x/y}简单说就是x，y提供了一个默认值为0，不传时x, y以值0来运算。传了就以实际值计算。又如定义一个ajaxfunction ajax（url, async, dataType） {async ...
ECMAScript6函数剩余参数（Rest Parameters）

ECMAScript6函数剩余参数（Rest Parameters）

2017年02月06日 12 阅读
我们知道JS函数内部有个arguments对象，可以拿到全部实参。现在ES6给我们带来了一个新的对象，可以拿到除开始参数外的参数，即剩余参数（废话好多 O（∩_∩）O~）。这个新的对象和arguments不一样，它是程序员自定义的一个普通标识符，只是需要在前面加上三个点：...function func（a, ...rest） { console.log（a） console.log（rest）}func（1）func（1, 2, 3, 4）注意func的...
<< 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图