js运算符优先级

评论(0)浏览(165)分类：JavaScript/Ajax开发技巧
js运算符优先级　　js运算符的优先级如下运算符描述. [] ()字段访问、数组下标、函数调用以及表达式分组++ -- - ~ ! delete new typeof void一元运算符、返回数据类型、对象创建、未定义值* / %乘法、除法、取模+ - +加法、减法、字符串连接 移位 = = instanceof小于、小于等于、大于、大于等于、instanceof== != === !==等于、不等于、严格相等、非严格相等..

jQuery自适应容器焦点图，兼容移动端

评论(0)浏览(766)分类：JavaScript/Ajax开发技巧
jQuery自适应容器焦点图，兼容移动端　　jQuery自适应容器焦点图，兼容移动端浏览器，支持移动端的touch触碰事件滑动切换图片。效果如下　　兼容移动端的焦点图，只要放到指定的容器中，焦点图会自动水平填满容器宽度，移动端显示只需要控制指定容器的宽度，不需要关心焦点图显示，会自动填满此容器宽度，高度等比计算得出，图片不会变形。　　jQuery自适应容器焦点图，兼容移动端浏..

javascript客户端图片预览，兼容最新firefox，chrome和IE11

评论(0)浏览(6996)分类：JavaScript/Ajax开发技巧
javascript客户端图片预览，兼容最新firefox，chrome和IE11　　javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。　　测试浏览器：firefox6，firefox12，chrome 25.0.1364.172 m，IE6-IE11 都兼容　　safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法，暂时无解，需要上传到服务器后返回临时文件名用img标签加载，不知道后续的safari版本是否支持FileReader对象..

select多选option左右上下移动示例

评论(0)浏览(265)分类：JavaScript/Ajax开发技巧
select多选option左右上下移动示例　　select多选option在２个select间左右移动，将选中的option上下移动示例titleselect多选option左右移动示例_JavaScript/Ajax_Web开发网/titletable border=1 tr td select multiple size=10 id=s1 script for (var i = 0; i 15; i++) document.write('option' + i + '/..

绚丽的css3动画效果

评论(0)浏览(454)分类：HTML/CSS兼容/XML
绚丽的css3动画效果2016-9-8：添加firefox支持。　　绚丽的HTML5 CSS动画效果，请使用webkit内核的浏览器，如chrome运行示例。chrome运行后效果如下图所示源代码如下style body { background: black; width:100%;height:100%;overflow:hidden; position: relative; } .effect-wrapper { width: 400px; height: 400px;..

Ext4 grid调用reconfigure RowEditing对不齐错位解决办法

评论(0)浏览(616)分类：extjs开发技巧
Ext4 grid调用reconfigure RowEditing对不齐错位解决办法　　Ext4 grid调用reconfigure后，如果grid之配置过RowEditing，会导致生成的编辑器和列不对其，如下图所示grid未调用reconfigure前，RowEditing对齐grid调用reconfigure后，RowEditing不对齐　　解决办法就是重新构造RowEditing的UI。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-..

表格列交换，拖拽改变列宽效果

评论(0)浏览(838)分类：JavaScript/Ajax开发技巧
表格列交换，拖拽改变列宽效果　　表格可以拖拽更换每列循序，并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js（更改列宽）和colExchange.js（拖拽交换列位置，并且扩展了2个方法removeCol删除列和addCol添加列API方法）这2个插件，效果如下。　　表格列交换，拖拽改变列宽示例，查看效果点击这里：表格列交换，拖拽改变列宽示例!DOCTYPE htmlhtml lan..

easyui cell Editing blur编辑器自动保存

评论(0)浏览(812)分类：easyui开发技巧
easyui cell Editing blur编辑器自动保存　　easyui datagrid cell editing编辑器如何失去焦点后自动保存，easyui datagrid cell editing示例点击这里查看，然后点击左边的导航Cell Editing in DataGrid查看效果。　　easyui datagrid cell editing的官方示例，编辑器失去焦点后，如果当前点击的对象不在datagrid的数据容器内容，如点击了datagrid数据区域外的对象，如datagrid的表头，..

javascript实现geohash算法

评论(0)浏览(647)分类：JavaScript/Ajax开发技巧
javascript实现geohash算法geohash有以下几个特点：　　首先，geohash用一个字符串表示经度和纬度两个坐标。某些情况下无法在两列上同时应用索引 （例如MySQL 4之前的版本，Google App Engine的数据层等），利用geohash，只需在一列上应用索引即可。　　其次，geohash表示的并不是一个点，而是一个矩形区域。比如编码wx4g0ec19，它表示的是一个矩形区域。 使用者可以发布地..

jquery ui draggable限制拖动区域

评论(0)浏览(555)分类：JavaScript/Ajax开发技巧
jquery ui draggable限制拖动区域　　jquery ui draggable如何限制被拖动对象的位置区域，不允许在指定区域内容放置被拖动的对象，如果在禁止区域内容放置对象则还原被拖动对象位置，效果如下。　　jquery ui draggable限制拖动区域源代码如下!doctype htmlhtml lang=enheadmeta charset=utf-8titlejquery ui draggable限制拖动区域/titlelink rel=stylesheet href=http://code...

Jstorage类库本地存储数据

评论(0)浏览(450)分类：JavaScript/Ajax开发技巧
Jstorage类库本地存储数据　　jStorage使用 HTML5localstorage 作为存储容器或者不支持local storage时（IE7-）则使用 userDatabehavior 作为存储容器。　　对于IE浏览器，存储的数据位置为userData　　在XP下，一般位于C:\DocumentsandSettings\用户名\UserData，有些时候会在C: \DocumentsandSettings\用户名\ApplicationData\Microsoft\InternetExplorer \UserData。　..

easyui textbox添加清除内容图标

评论(0)浏览(1575)分类：easyui开发技巧
easyui textbox添加清除内容图标　　目的：给easyui的textbox对象添加icon-clear图标，默认图标隐藏（如果有值则默认显示），当textbox输入内容后显示图标，删除内容后隐藏清除内容图标。其实easyui的textbox提供了icons配置，可以配置textbox的图标，但是图标都是显示的，没有依据内容进行显示。cons array The icons attached to the textbox. Each item has the following..

jquery仿淘宝规格颜色选择效果

评论(0)浏览(2951)分类：JavaScript/Ajax开发技巧
jquery仿淘宝规格颜色选择效果2016-8-9：新增剩余数量。　　jquery实现的仿淘宝规格颜色选择效果源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstyledd,dl{zoom:1;overflow:hidden}dt,li{float:left;list-style:none;margin-left:10px;line-height:50px}dt a,li a{display:block;text-align:center;border:so..

javascript获取星座代码

评论(0)浏览(270)分类：JavaScript/Ajax开发技巧
javascript获取星座代码　　javascript获取星座源代码script //javascript获取星座函数 //@month:月份，注意从1开始。日期对象是从0开始 //@date:日期 function getStar(month, date) { var star = { 魔羯座: [[12, 22], [1, 19]], 水瓶座: [[1, 20], [2, 18]], 双鱼座: [[2, 19], [3, 20]], 白羊座: [[3, 21], [4, 19]], 金..

my97计算2个时间差

评论(0)浏览(405)分类：JavaScript/Ajax开发技巧
my97计算2个时间差　　my97日历如何计算2个时间差，实现方法就是2个my97都配置onpicked，判断都选择值后转为日期对象相减下就得到相差的毫秒了，再转为单位。　　my97日历如何计算2个时间差源代码如如下script language=javascript type=text/javascript src=/demo/my97/WdatePicker.js/scriptscript function compute() { var d1 = document.getElemen..

js读取设置cookie示例

评论(0)浏览(202)分类：JavaScript/Ajax开发技巧
js读取设置cookie示例titlejs读取设置cookie示例/titlescript //js设置cookie函数 //@name：cookie名称，不可省略 //@value：cookie值，不可省略 //@day：有效期，单位天。如果不设置则为内存cookie function setCookie(name, value, day) { var d = day == undefined ? null : new Date(); if (d) d.setDate(d.getDate() + day); ..

去掉combobox回车内容不匹配清空输入项

评论(0)浏览(1115)分类：easyui开发技巧
去掉combobox回车内容不匹配清空输入项　　问题描述：easyui的combobox插件，输入的内容如果和选项不匹配时，按下回车会导致输入的内容被清空。　　解决办法：要解决回车时，combobox输入内容和可选项目不匹配时清楚输入内容的问题，需要修改源代码，找到回车处理函数代码，注释掉或者退出代码执行。　　本示例使用的easyui版本为1.4.3。用编辑器，如dreamweaver打开jquery.easyui.mi..

ligerui tree如何获取全路径，包含父节点

评论(0)浏览(517)分类：JavaScript/Ajax开发技巧
ligerui tree如何获取全路径，包含父节点　　ligerui的tree控件，如何获取全路径，选择子节点后，父节点没有被勾选也一起获取，效果如下　　ligerui tree如何获取全路径，包含父节点源代码如下。版本为V1.2.5，其他版本自己对照api和生成的树结构修改对应的方法名称和jquery选择器。示例居于ligerui\V1.2.5\Source\demos\tree\treedata.htm进行修改。!DOCTYPE html PUBLIC -//W3C//DTD ..

Ext整合ueditor示例

评论(0)浏览(566)分类：extjs开发技巧
Ext整合ueditor示例　　Ext整合ueditor示例　　Ext整合ueditor示例源代码!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtdhtmlheadmeta http-equiv=Content-Type content=text/html; charset=utf-8 /titleExt整合ueditor示例/titlelink rel=stylesheet type=text/css href=../../resources/css/ext-all.css /script type=te..

·在html页面中显示乱码解决办法

评论(0)浏览(357)分类：HTML/CSS兼容/XML
·在html页面中显示乱码解决办法　　今天修改一个客户网站，发现中文符号点，就是键盘上Esc键下那个中文点号，在一些系统的浏览器上显示一个框框，为乱码，但是在本人电脑上却可以正常显示为中文点号，其他电脑也正常显示，就公司里面有2台电脑是这个问题（这2台电脑其他浏览器打开也是一个框框乱码，如下图所示）。　　检查后发现这些内容字体为Microsoft Yahei,Arial,Helveti..

for循环遍历如何延时执行

评论(0)浏览(1522)分类：JavaScript/Ajax开发技巧
for循环遍历如何延时执行　　如要遍历一个数组，for语句要如何延时输出数组中的项目，一般情况下想当然都会这样写div id=dv/divscript var arr = [1, 2, 3, 4, 5]; for (var i = 0; i arr.length; i++) { setTimeout(function () { document.getElementById('dv').innerHTML += arr[i] + 'br'; }, 3000); }/script　..

JSONP跨域访问在线代理API

评论(0)浏览(2712)分类：JavaScript/Ajax开发技巧
JSONP跨域访问在线代理APIajax请求不同域名的页面时，由于浏览器安全限制是不允许请求的，发生错误。此时需要搭建服务器做代理捉取跨域页面，ajax请求自己建立的代理页面。如果你不想建立自己的代理服务，因为有时我根本就没打算涉及服务端任何代码，但是讨厌的浏览器的同源策略，阻止了我们的ajax调用。比如我想访问一个天气的restfull api，如果我直接去GET： $.get(ht..

html5 file accept属性详解

评论(0)浏览(1455)分类：HTML/CSS兼容/XML
html5 file accept属性详解　　html5的file控件新增accept属性，可以让弹出窗口显示允许mime类型的文件，而不是全部文件类型。　　在W3C的规格只允许Image/*、Video/*、Audio/*三种MIMEtype是允许的，也就是说上述三种以外的选择，就只能选择所有档案*.*　　DEMO!DOCTYPE htmlhtmlhead meta charset=utf-8 titleJS Bin/title/headbody divAll Files input type='..

CSS控制打印区域

评论(1)浏览(1651)分类：HTML/CSS兼容/XML
CSS控制打印区域style@media print{INPUT {display:none}}/styleTABLE border=0 style=font-size:9pt; width=300px align=centerTHEAD style=display:table-header-group;font-weight:boldTRTD colspan=2 align=center style=font-weight:bold;border:3px double red每页都有的表头/TD/TR/THEADTBODY style=text-align:centerTRTD表格内容/TDTD表格内容/TD/TRTR..

网站添加谷歌翻译工具条后自动翻译为指定语言

评论(0)浏览(848)分类：JavaScript/Ajax开发技巧
网站添加谷歌翻译工具条后自动翻译为指定语言　　如何给网站添加谷歌工具条可以参考这篇文章：给网站增加google翻译工具条　　现在要实现的是，如何通过谷歌翻译工具条，自动将网站的内容翻译为指定的语言，不需要人工点开语言选择框，然后选择对应的语言后才执行翻译操作。　　通过观察谷歌翻译工具条可以看到语言选择DOM对象在一个iframe里面，样式为.goog-te-menu-frame，还在不是从谷歌..

js给选择文字添加链接

评论(0)浏览(334)分类：JavaScript/Ajax开发技巧
js给选择文字添加链接　　js如何给选中的文字添加链接，就是选中的文字用a对象包裹起来。script function surroundContent() { var r; if (document.selection) { r = document.selection.createRange(); if (r.text != '') r.pasteHTML('a href=#' + r.text + '/a') } else if (wind..

javascript计算器

评论(0)浏览(357)分类：JavaScript/Ajax开发技巧
javascript计算器　　JavaScript实现的简单计算器功能，界面如下　　javascript计算器源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstyle #calc{padding:10px;background:#f1f1f1;width:201px} #display{border:solid 1px #ccc;margin-bottom:5px;padding:5px} #up,#down{height:20px;..

JavaScript canvas时钟

评论(0)浏览(166)分类：JavaScript/Ajax开发技巧
JavaScript canvas时钟　　使用html5 canvas对象绘制的时钟，O(_)O哈哈~。。简陋了点。。　　JavaScript canvas时钟源代码如下script type=text/javascript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js/scriptstylebody {margin: 0; padding: 0;}/styletitlecanvas时钟/titlecanvas id=c/canvasscriptvar a = 1;$(function () { var c = docum..

JavaScript五子棋盘

评论(0)浏览(386)分类：JavaScript/Ajax开发技巧
JavaScript五子棋盘　　javascript实现的五子棋盘，可以自定义棋盘大小，效果如下　　注意：判断输赢的算法没有写，要用自己扩展。IE8-不支持border-radius样式，所以无法显示圆形的，需要用圆形背景图片模拟，这个没做兼容，所以会显示为正方形的旗子。　　JavaScript五子棋盘源代码如下!doctype htmltitleJavaScript五子棋盘/titlestyle .board{position:rela..