雁过请留痕...
代码改变世界

随笔分类 - javascript

js命名空间的函数namespace

2018-04-04 15:55 by xiashengwang, 65 阅读, 收藏, 编辑
摘要:这是一个扩展函数,需要初期加载的时候加载到适当的位置。 具体函数体如下: 使用的时候这样写,可以避免一长串的对象赋值: 阅读全文

Jquery调用ajax参数说明

2017-12-22 11:22 by xiashengwang, 145 阅读, 收藏, 编辑
摘要:代码中有详细注释,直接上代码。 注释掉的选项,一般用不到,直接用最基本的部分就可以了。 阅读全文

Css+JS模拟实现可编辑的表格

2017-12-19 14:56 by xiashengwang, 2596 阅读, 收藏, 编辑
摘要:表格在未编辑状态和编辑状态,需要定义两个不同的样式。 比如未编辑状态是lable的样式,两边有两个括号[],表示该表格可以编辑;编辑中的表格则表示成一个input框,可以输入。 基本思路就是,在表格中直接放可输入的input标签,在未编辑的时候,利用css样式,把input标签模拟成不可编辑的lab 阅读全文

js 控制输入文字个数(换行不算)

2017-06-05 17:54 by xiashengwang, 684 阅读, 收藏, 编辑
摘要:如题,换行符在textarea中是要当成一个字符的。用普通的maxlength属性就不行了,于是想到通过事件来控制输入文字的长度。 注意哦,回车换行不能算成字符。这样的话,普通的substring等方法可能都不适用,要考虑文字中的换行符。 目前的实现如下,还有不完美的地方。如drag事件没有考虑。 阅读全文

js 控制输入文字的字数

2017-06-02 14:57 by xiashengwang, 204 阅读, 收藏, 编辑
摘要:直接上代码。 maxLength = length; value = control.value; if(maxLength){ event.returnValue = false; maxLength = parseInt(maxLength); var oTR = control.documen 阅读全文

js 日期格式化函数

2017-05-16 09:30 by xiashengwang, 361 阅读, 收藏, 编辑
摘要:直接上代码: 阅读全文

js统计输入文字的字节数(byte)

2017-04-13 09:42 by xiashengwang, 1499 阅读, 收藏, 编辑
摘要:这里主要考虑的是日文,日文中包含了半角和全角文字,半角算1,全角算2. 阅读全文

Onmouseover被调用多次

2016-09-05 17:17 by xiashengwang, 830 阅读, 收藏, 编辑
摘要:当一个容器,如div,不包含元素时。Onmouseover只执行一次,正常。当这个div包含其他子元素的时候,这个事件就被执行了多次,今天遇到了这个问题,特此记录下,解决方案。 这个是由于onmouseover引起的,主要是因为ul里面包含了子元素,会造出鼠标移动到子元素,比如li上面也会触发ul的onmouseover事件,造成了混乱。解决办法: 1,如果是IE浏览器,用onmous... 阅读全文

input 数字输入控制(含小数)

2016-03-30 11:02 by xiashengwang, 230 阅读, 收藏, 编辑
摘要:1,可以在keypress里验证输入的字符的合法性。 2,在光标失去blur事件里,值已经输入完了,可以做值范围检查。或者由于拷贝过来的文字,keypress是验证不到的,可以再做一次数值检查, 不是数字的话,直接清空。 阅读全文

table中超过长度的列,显示省略号

2016-02-26 15:00 by xiashengwang, 1293 阅读, 收藏, 编辑
摘要:<style type="text/css"> .table-ellipsis { table-layout: fixed; width: 100%; } .table-ellipsis td { overflow: hidden; text-overflow: ellipsis; white-sp 阅读全文

本地图片的预览和上传

2016-01-29 15:57 by xiashengwang, 141 阅读, 收藏, 编辑
摘要:本地选择图片,并且可以左右调整图片的顺序。 主要步骤: 1,用隐藏的input[type='file']来存图片。 2,把选择的图片,赋值个<img>的src属性。用到一个取对象url的方法。 // 图片对象的URL取得 function getObjectURL(file) { var url = 阅读全文

上传文件的相关操作

2016-01-29 15:38 by xiashengwang, 70 阅读, 收藏, 编辑
摘要:上传文件前,在本地客户端检查文件的大小,类型。 // 文件种类检查 // fileURL: 文件路径 // fileExtensions: 例:「".xls"、".xlsx"、".doc"」 function checkFileType(fileURL, fileExtensions) { var 阅读全文

金额显示,每3位加逗号

2016-01-29 15:28 by xiashengwang, 1267 阅读, 收藏, 编辑
摘要:function format_number(n) { n = n + ''; var re = /^-?[0-9]+.?[0-9]*$/; if (!re.test(n)) { return n; } var pos = n.indexOf("."); var part1; var part2; 阅读全文

利用OpenLayers创建wkt字符串

2016-01-29 15:23 by xiashengwang, 636 阅读, 收藏, 编辑
摘要:var polygon = OpenLayers.Geometry.Polygon.createRegularPolygon(new OpenLayers.Geometry.Point(6, 49), 2, 18, 0); var feature = new OpenLayers.Feature.V 阅读全文

js 动画效果代码,主要运用setTimeout

2011-09-20 17:14 by xiashengwang, 74 阅读, 收藏, 编辑
摘要:代码只能对以px为单位的样式进行改变。js Code: function animate(ele,name,from,to,time) { time = time ||800; var interval,count,step,now; interval = 60; count =Math.round(time/interval); step = Math.round((to-from)/count); ... 阅读全文

js 显示当前时间代码

2011-09-20 17:07 by xiashengwang, 115 阅读, 收藏, 编辑
摘要:js代码 function showTime(ele) { var d = new Date(); var year = d.getFullYear(); var month = d.getMonth(); var day = d.getDate(); var hour = d.getHours(); var mm = d.getMinutes(); var ss = d.getSeconds(); var strDate = year+"/" ; if(month<10) strDate +='0'; strDate ... 阅读全文