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

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

for循环遍历如何延时执行

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

html5 file accept属性详解

评论(0)浏览(1627)分类: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控制打印区域

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

js给选择文字添加链接

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

easyui输入页数点击按钮手动翻页效果

评论(0)浏览(687)分类:easyui开发技巧
easyui输入页数点击按钮手动翻页效果  easyui分页组件Pagination,在页数显示输入框内输入页码后,一般情况下是需要按下回车键才会执行分页操作。要想手动翻页,给easyui分页组件Pagination增加新按钮,可以按照一下步骤进行扩展,效果如下  easyui版本为1.4.4,其他版本注意查看dom结构,通过插入的按钮获取到页码输入框。及jquery.easyui.min.js中页面输入框绑定的事件名称,..

input输入内容后使用×号一键删除

评论(0)浏览(422)分类:JavaScript/Ajax开发技巧
input输入内容后使用×号一键删除  如何实现input输入框输入内容后,再输入框最右边出现一个号,点击叉号删除当前input输入框的内容,效果如下  input输入内容后使用号一键删除源代码如下,已经做成jQuery插件形式!doctype htmlstyle div.clearText{display:inline-block;position:relative} div.clearText input{border:solid 1px #666;height:20px;line-height:20px..

Ext4如何使用集成kindeditor

评论(0)浏览(641)分类:extjs开发技巧
Ext4如何使用集成kindeditor  ext如何使用kindeditor编辑器,将kindeditor集成到ext框架里面。  将kindeditor集成到ext框架里面效果如下  Ext4如何使用集成kindeditor源代码代码如下,测试ext版本为4.1,其他版本未测试,4.xx版本应该没有问题,ext3-和ext5+由于改动过,特别是ext3和ext4+相差比较大,所以ext3无法运行。!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01..

+/-一元运算符计算空字符结果为0分析

评论(0)浏览(352)分类:JavaScript/Ajax开发技巧
+/-一元运算符计算空字符结果为0分析  JavaScript一元运算符对空字符计算时为什么得到0,代码如下scriptalert(+'')//0alert(+[])//0/script  这是因为对空字符使用一元运算符+/-时,空字符会被强制转为0或者将字符串传入Number构造函数中,而Number('')返回0。scriptalert(Number(''))//0/script  +[]为什么也是0,是应为+和对象运算,会调用对象的t..

js判断已经滚动到页面底部

评论(0)浏览(516)分类:JavaScript/Ajax开发技巧
js判断已经滚动到页面底部  js如何判断页面已经滚动到底部!DOCTYPE htmlhtmlhead meta charset=UTF-8 titlejs判断已经滚动到页面底部/title/headbody style=margin:0;padding:0 div id=dvBT style=position:fixed;bottom:0;right:0;background:#fff/div div id=part1 style=height:2000px;overflow: auto;background: lightblue; /div div id=part2 ..

jQuery.tablesorter 2.0中文排序解决办法

评论(0)浏览(402)分类:JavaScript/Ajax开发技巧
jQuery.tablesorter 2.0中文排序解决办法  jQuery.tablesorter 2.0中文排序解决办法,jQuery.tablesorter 2.0中文排序使用的sortText方法,使用js操作符号进行对比,操作符号对中文无效,导致排序出问题。需要更改为localeCompare。jQuery.tablesorter 2.0新增了textSorter配置,改写内部的文字排序,可以增加此配置而不需要更改jQuery.tablesorter 2.0源代码。jQuery.tablesorter未配..

easyUI filebox选择同一个文件不触发onchange事件解决办法

评论(0)浏览(1929)分类:easyui开发技巧
easyUI filebox选择同一个文件不触发onchange事件解决办法  IE(包括ie11)浏览器下,easyUI的filebox如果选中了同一个文件,不会触发onchange事件解决办法。easyUI filebox实际操作的还是file对象,其他标准浏览器如chrome,Firefox,file对象选中同一个文件也会触发onchange事件,所以在这些浏览器下easyUI的filebox选中同一个文件也是触发onchange事件的,但是ie对选中同一个文件不会触发onchange事..

easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称

评论(0)浏览(575)分类:easyui开发技巧
easyui datagrid onRowContextMenu如何获取右键单击的单元格列名称   easyui datagrid onRowContextMenu如何获取右键点击时被点击单元格列名称。onRowContextMenu e,index,row Fires when a row is right clicked.  通过API可以看到onRowContextMenu的参数只有数据行,没有单元格信息。不过有事件对象e,可以通过e.target得到当前被右键点击的对象,为单元格td或者td里面div容器,通过这个对象可以获取到..

js简易数字微调调整示例

评论(0)浏览(123)分类:JavaScript/Ajax开发技巧
js简易数字微调调整示例  js实现数字微调示例,点击输入框右边的上下按钮对输入框数字进行+1/-1调整效果。jquery插件有easyui NumberSpinner组件或jqueryui的spinner组件style .spinner{zoom:1;overflow:auto;border:solid 1px #ccc;float:left;} .spinner input{border:none;float:left;margin-top:5px} .spinner .arrow{float:right;font-size:12px;} ..

使png图片在ie6浏览器下也支持透明

评论(0)浏览(175)分类:HTML/CSS兼容/XML
使png图片在ie6浏览器下也支持透明没有使用滤镜来修正ie下png透明的效果,这样会出现灰色的边。stylebody{background:#000000;margin:100px;}.kuang{background:url(/images/kuang.png) no-repeat center center ;width:134px;height:144px;}/style div class=kuang/div使用滤镜及important【for w3c】后,灰色边框不见了,效果一比较就知道stylebody{background:#000000;margin:..

easyui datagrid跨域加载jsonp数据源

评论(0)浏览(2639)分类:easyui开发技巧
easyui datagrid跨域加载jsonp数据源  easyui datagrid加载jsonp数据源示例。如果datagrid要加载跨域的数据,跨域页面提供的数据格式为非jsonp数据,当直接配置datagrid的url启用ajax加载地址时,即使url返回的数据格式符合datagrid格式的json字符串,由于浏览器安全问题,ajax是不允许跨域请求的(除非设置动态页设置过:Access-Control-Allow-Origin响应头),导致无法获取到数..

javascript新历农历联动示例

评论(0)浏览(409)分类:JavaScript/Ajax开发技巧
javascript新历农历联动示例  javascript新历农历联动示例lunar.js这个js文件查看这篇文章:JavaScript阳历转阴历源代码,将里面的js代码保存为lunar.js文件,或者点击这里下载  javascript新历农历联动示例源代码script function toCNNumber(v) { var r = '', cn = 'O一二三四五六七八九十'; v = v.toString(); for (var i =..

JavaScript阳历转阴历源代码

评论(0)浏览(395)分类:JavaScript/Ajax开发技巧
JavaScript阳历转阴历源代码  JavaScript阳历转阴历源代码,JavaScript阴历转阳历源代码,从百度搞下来的阳历转阴历代码script (function () { var j = [43856, 19416, 19168, 42352, 21717, 53856, 55632, 25940, 22191, 39632, 21970, 19168, 42422, 42192, 53840, 53845, 46415, 54944, 44450, 38320, 18807, 18815, 42160, 46261, 27216, 27968, 43860, 11..

javascript判断浏览器是否关闭

评论(0)浏览(1095)分类:JavaScript/Ajax开发技巧
javascript判断浏览器是否关闭  javascript判断浏览器是否关闭,本示例仅对IE8-浏览器有效,其他浏览器在关闭时无法获取到点击事件的clientX,clientY的坐标值。测试代码如下script window.onbeforeunload = function (e) { e = e || window.event; var y = e.clientY; if (y = 0//点击浏览器或者选项卡的关闭按钮 || y = Math.max(documen..

js遍历表单组合成键值对字符串

评论(0)浏览(283)分类:JavaScript/Ajax开发技巧
js遍历表单组合成键值对字符串  JavaScript将表单对象中输入控件组合成键值对字符串,方便ajax提交数据。和jQuery表单的serialize方法一样 function serializeForm(f) {//参数f为表单这个DOM对象 var params = '', tmp; for (var i = 0; i f.elements.length; i++) { if (f.elements[i].name) { ..

easyui tree获取节点所在层次

评论(0)浏览(1099)分类:easyui开发技巧
easyui tree获取节点所在层次  easyui tree获取点击节点所在层次,easyui tree如何获取某个节点所在树层次源代码。easyui的节点没有存储所在层次,所有急需要循环调用getParent方法获取父节点进行层次累加操作计算, titleeasyui tree获取点击节点所在层次/title script type=text/javascript function getLevel(node) {//获取节点所在easyui tree树的层次,..

Ext.grid.feature.Grouping页头分组如何显示其他信息

评论(0)浏览(1297)分类:extjs开发技巧
Ext.grid.feature.Grouping页头分组如何显示其他信息  Ext4+增加了groupHeaderTpl配置项,可以用来显示分组相关信息。如果要显示除了name外的信息groupHeaderTpl配置项还提供了rows信息,这个rows是ext分好组的数据。Ext.grid.feature.Grouping的groupHeaderTpl可用参数查看这里:http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.feature.Grouping-cfg-groupHeaderTpl。  如下面这个Ext.g..

easyui calendar换月换年事件

评论(0)浏览(339)分类:easyui开发技巧
easyui calendar换月换年事件  easyui的calendar对象换年,换月时没有提供事件来监控,要想监控calendar对象更换年月的事件,可以自己给上一个月,下一个月这种箭头图标添加click事件,自己判断下箭头的样式即可。  easyui calendar换月换年事件源代码div class=easyui-calendar style=width:250px;height:250px; id=cl/divscript $(function () {//注意代码放DOM Re..

js区分webkit核心浏览器chrome,360浏览器

评论(0)浏览(1040)分类:JavaScript/Ajax开发技巧
js区分webkit核心浏览器chrome,360浏览器  javascript如何识别webkit核心浏览器是哪种厂商的浏览器,如chrome,360急速,360安全,猎豹,世界之窗,搜狗,qq,百度之类的浏览器,核心都是webkit的,如何区分出不同的厂商。  一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现,但是webkit核心浏览器有些时候navigator.userAgent是完全一样的,不会增加特殊内容(如..