Selection.extend方法

评论(0)浏览(230)分类：JavaScript/Ajax开发技巧
Selection.extend方法Selection.extend简介将selection的结束点（focus）移动到指定的点。selection的开始点（anchor）不变。selection变为从开始点到新的结束点和方向无关。使用方法sel.extend(parentNode, offset)参数parentNode结束点移动到的节点offset结束点在parentNode参数中的位移来源：https://developer.mozilla.org/en-US/docs/Web/API/Selection.extend

9个最常见IE的Bug及其fix

评论(0)浏览(230)分类：HTML/CSS兼容/XML
9个最常见IE的Bug及其fixInternet Explorer – Web程序员的毒药。在IE上开发时间中有超过60%的时间是花在和IE的bug进行搏斗，让你的开发生产率严重下降。下面是一个教程，告诉你9个IE上最常见的BUG以及如何解决它们。1. 居中布局创建一个CSS定义把一个元素放到中间的位置，可能是每一个Web开发人员都会做的事情。最简单的做法是为你的元素增加一个margin: auto; ，然而 ..

css hover伪类

评论(0)浏览(229)分类：HTML/CSS兼容/XML
css hover伪类　　:hover伪类应用处于悬停状态的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上，其他元素也可以处于悬停状态，在css2的定义中:hover伪类可以应用在全部元素上。　　但是在ie6浏览器下面，只有链接标签a支持:hover伪类，对于ie6需要使用js，而ie7/ff/op/sa直..

HTML5 Geolocation获取地理位置

评论(0)浏览(229)分类：HTML/CSS兼容/XML
HTML5 Geolocation获取地理位置　　　Geolocation API用于将用户当前地理位置信息共享给信任的站点，这涉及用户的隐私安全问题，所以当一个站点需要获取用户的当前地理位置，浏览器会提示用户是允许 or 拒绝。　　哪些浏览器支持Geolocation API：IE9.0+、FF3.5+、Safari5.0+、Chrome5.0+、Opera10.6+、IPhone3.0+、Android2.0+，也就是说除IE6~IE8外，其它最新的浏览器基本上..

javascript代码优化技巧

评论(0)浏览(229)分类：JavaScript/Ajax开发技巧
javascript代码优化技巧　　javascript代码优化几个小技巧1、处理字符串　　字符串拼接在IE 6、7下的垃圾回收性能很差。虽然IE 8已经解决了这个问题。如果你的用户中有相当一部分人使用IE 6、7，那么你得谨慎构建你的字符串了。 比如这个例子：var veryLongMessage ='This is a long string that due to our strict line length limit of' +maxCharsPerLine +&..

javascript获取vml对象path属性

评论(0)浏览(228)分类：JavaScript/Ajax开发技巧
javascript获取vml对象path属性　　今天研究vml时发现，当获取到vml对象时，获取到的path属性为object，并且没有toString方法，⊙﹏⊙b汗，IE下的path属性到底是个什么鬼东西，没有toString方法。　　要获取实际的vml对象的path值时，可以使用vmlobj.path.value获取，value属性为string类型。按照vmlobj.path.value获取实际值，那么vmlobj.path应该为json类型的随性，尽然没有..

javascript+cookie实现的文本输入记录

评论(0)浏览(227)分类：JavaScript/Ajax开发技巧
javascript+cookie实现的文本输入记录　　功能要求：有一个文本框，旁边有个button，点击按钮后将文本框输入的内容保存到cookie。在文本框得到焦点后，在下方显示这个文本框输入过的最近的五个词语。　　示例源代码如下style#dvPop{display:none;position:absolute;left:0px;top:20px;border:solid 1px #000000;background:#ffffff;width:200px;}/stylediv style=position:relativei..

javascript使用canvas处理保存图片

评论(0)浏览(227)分类：JavaScript/Ajax开发技巧
javascript使用canvas处理保存图片　　javascript使用HTML5的canvas对象对图片进行处理，如图像灰度化，图像反转，将整个图像的RGB某一通道样色值设置为某一颜色值 ，图片高亮，去掉图像某一颜色值等常用图像处理。　　javascript使用canvas处理图像类库源代码如下 /** * @author Norris Tong */ var PS = function( config ){ //$.extend( thi..

javascript图片震动效果jQuery插件

评论(0)浏览(225)分类：JavaScript/Ajax开发技巧
javascript图片震动效果jQuery插件　　javascript实现图片抖动，使用jquery实现。　　插件配置说明during：图片抖动间隔计时器时间，越小抖动越快，默认100msrange：抖动频率，越大抖动的记录越大，默认10pxstart：抖动开始前执行的回调，默认空函数体function(){}end：抖动结束后执行的回调，默认空函数体function(){}dir：方向，left(左右抖动)/top(上下抖动)，默认左右　　测试..

firefox下button内嵌span会出现移位bug

评论(0)浏览(225)分类：HTML/CSS兼容/XML
firefox下button内嵌span会出现移位bug　　在Firefox下，如果button内部嵌入span，button和span的display都为block，width，height都一致时，span无法完全遮盖住button控件，button和span会出现一些边距，在Firefox3.6下面，左边相差3px，顶部相差 2px，不知道是不是Firefox的bug。　　在IE浏览器和chrome浏览器下不会出现这种问题。测试代码如下+展开-HTMLstyletype="text/css".jsbu..

IE浏览器setCapture和releaseCapture介绍

评论(0)浏览(224)分类：JavaScript/Ajax开发技巧
IE浏览器setCapture和releaseCapture介绍　　setCapture方法，当在IE文档某个区域中使用了这个方法,并且写了onclick或者onmouse***等有 关的鼠标事件方法,那么它就会监视相应的鼠标操作，即使你的鼠标移出了IE，它也一样能捕获到。如果你在某div中的onclick事件中写了一个 alert命令，这时，你点击的关闭按钮,它也一样会弹出alert窗口　　releaseCapture方法，与setCapture方法相反，释..

vs2013编译cordova停留在Ensuring correct global installation

评论(0)浏览(224)分类：phonegap/cordova
vs2013编译cordova停留在Ensuring correct global installation　　vs2013编译cordova项目时，一直停留在Ensuring correct global installation of package from source package directory: F:\PROGRAM FILES\MICROSOFT VISUAL STUDIO 12.0\COMMON7\IDE\EXTENSIONS\V3HZ4YXC.KZZ\packages\vs-mda这个步骤，等了10多分钟都不动。不知道什么问题。1------ 已启动生成: 项目: MyApp, 配置: Debug Android ------..

IE8-实现document.getElementsByClassName

评论(0)浏览(223)分类：JavaScript/Ajax开发技巧
IE8-实现document.getElementsByClassName　　IE8-不支持document.getElementsByClassName，IE8-如何实现document.getElementsByClassName功能。　　IE8-要想实现document.getElementsByClassName功能，需要使用document.getElementsByTagName获取指定标签集合（或者传递*获取所有节点），然后遍历对比className，包含就压入数组中，然后返回数组。　　IE8-不支持document.getElementsBy..

YUI框架事件和DOM事件

评论(0)浏览(223)分类：JavaScript/Ajax开发技巧
YUI框架事件和DOM事件YUI的Event包可以用来操纵DOM事件，也可以自定义事件。 具体如下1. 要使用Event，首先要引入YUI3的种子文件：+展开-HTMLscriptsrc="http://yui.yahooapis.com/3.0.0/build/yui/yui-min.js"/scriptscriptYUI().use('event',function(Y){});/script2. 设置事件响应函数:on()有两个on方法，一个是YUI的，一个是Node的+展开-JavaScriptY.on("click",..

doctype中html和html区别

评论(0)浏览(223)分类：HTML/CSS兼容/XML
doctype中html和html区别XHTML文档必须具有良好完整的排版(well-formed)　　编排良好性(Well-formedness)是XML引入的一个新概念.从本质上说,元素必须有结束标签,或者必须以特殊方式书写,而且元素必须嵌套.尽管SGML规定重叠(overlapping)是非法的,但现有的浏览器普遍允许重叠.正确:嵌套元素(nested elements) code class=tag/codecode class=tagp/codecode class=tag/..

数字导航图片查看效果JS使用说明

评论(0)浏览(223)分类：JavaScript/Ajax开发技巧
数字导航图片查看效果JS使用说明示例效果点击这里查看源文件下载点击这里newschr.js源代码+展开 -JavaScript/*imgWidth：图片长，默认275pximgHeight：图片宽，默认215pxnumAlpha：数字导航透明度，0-1之间，默认为1，不透明numColor：数字导航颜色，默认为白色#fffnumBGColor：数字导航背景颜色，默认为黑色#000numFocusColor：获取焦点数字导航颜色，默认为白色#fffnumFocusB..

ajax返回值存在存在空白符导致if语句不执行

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
ajax返回值存在存在空白符导致if语句不执行　　在使用ajax的repnseText属性获取动态页返回值进行一些简单判断，如if(xhr.responseText=='yes'){}，使用alert)xhr.responseText)输出时确实是yes字符串，但是为什么if语句块就是不执行呢？　　此时需要注意了，大部分导致出现这个问题的原因是请求的文件，此页面的非服务器端脚本代码输出部分存在空白符号，这些空白符号会岁着脚本动态的输出..

AJAX项目中在IE浏览器上遇到"Internet Explorer无法打开站点,已终止操作"错误解决方案

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
AJAX项目中在IE浏览器上遇到"Internet Explorer无法打开站点,已终止操作"错误解决方案 keywords: IE, JavaScript, AJAX, "Internet Explorer无法打开站点,已终止操作" 错误原因：在页面还没有ready的时候就调用了htmlObject的appendChild或者innerHTML操作。 解决方案：在appendChild或者innerHTML操作处判断document.readyState=="complete", 若为否，则setTimeout若干秒之后重新作这个操作。 如果你的操作对时间敏感，那就要重新设..

Google Map Api文档,免费Google地图API使用说明

评论(0)浏览(222)分类：Google Maps开发
Google Map Api文档,免费Google地图API使用说明Google Maps API可以让你在自己的网页之中嵌入免费的Google电子地图. 在此之前，你只需要 申请一个API授权码,而这是免费的.因为Google Maps API是还在测试之中的程序，可能有些Bug，并且功能上也有一些欠缺. 你可以到Google Maps API讨论组给出你的意见.特别提示：如果您的英文还马虎，建议您直接看google官方最新的Google Maps API Documentati..

图片手风琴效果jQuery插件

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
图片手风琴效果jQuery插件　　图片手风琴效果jQuery插件，要使用本插件需奥导入jquery框架。效果和源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtmlheadmeta http-equiv=content-type content=text/html; charset=utf-8/script type=text/javascript src=/js/jquery.js/scripttitle..

chrome frameset鼠标调整宽度后设置rows无效

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
chrome frameset鼠标调整宽度后设置rows无效　　chrome浏览器下，frameset中的frame没有设置为noresize时，是可以通过鼠标来拖拽更改frame大小的（多有浏览器都可以），但是在chrome下如果鼠标拖拽更改过frame的大小，再设置frameset的rows/cols属性后，将无效，不会按照rows/cols设置的大小更改frame大小。如果要实现某个frame显示隐藏，将不会隐藏frame。　　测试代码如下1.htmlframeset..

如何检查浏览器支持javascript最高版本

评论(0)浏览(221)分类：JavaScript/Ajax开发技巧
如何检查浏览器支持javascript最高版本　　如何检查浏览器所支持的javascript的最高版本号。目前浏览器javascript版本号最高为1.8.5（对应ECMAScript标准5）。　　检查浏览器支持javascript最高版本源代码如下，通过动态创建script标签，然后指定language属性为不同版本的javascript版本来实现。firefox39 javascript版本号chrome38 javascript版本号script type=text/javascript ..

异步ajax请求如何控制执行循序

评论(0)浏览(221)分类：JavaScript/Ajax开发技巧
异步ajax请求如何控制执行循序　　ajax多个请求时，如果下一次请求依赖上一次的请求结果，或者希望能按照请求循序先后返回，而不是乱序返回，需要自己写代码控制ajax的执行循序，而不是for或者jquery的each并发发起ajax请求，这样无法控制ajax的返回循序。当然如果你不想用异步请求，改为同步请求可以控制for，each的并发ajax请求返回循序，但是对于jsonp这种只能异步加载的数..

图片无间隙滚动

评论(0)浏览(221)分类：JavaScript/Ajax开发技巧
图片无间隙滚动+展开-HTML!!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">htmlxmlns="http://www.w3.org/1999/xhtml"headmetahttp-equiv="content-type"content="text/html;charset=utf-8"/title编程设计网--图片无间隙滚动/titlemetaname="Keywords"content="图片无间隙滚动"/metaname..

ajax responseText -1072896748错误

评论(1)浏览(220)分类：JavaScript/Ajax开发技巧
ajax responseText -1072896748错误　　今天再使用ajax请求一个txt文本文件时，发生了-1072896748系统错误，网上找了下说是编码不统一造成的，XMLHTTPRequest 默认是用 UTF-8 传递数据的 。　　我看了下txt那个文件原来拷贝数据时多了一些超出gb2312字符集的字符，所以当时保存成为utf-8格式了，今天发起请求的页面是gb2312的，应该是编码不一致导致出现了这个“-1072896748系统错..

IE7/IE8浏览器中透明滤镜失效

评论(0)浏览(220)分类：HTML/CSS兼容/XML
IE7/IE8浏览器中透明滤镜失效关键词：IE7 IE8 透明滤镜 alpha opacity 滤镜　　在IE7+浏览器中使用透明滤镜alpha时，如果没有设置过浏览器的安全“二禁止脚本行为”为“允许”，透明效果是不显示出来的。　　如下所示，一个lightbox的效果，在使用了透明滤镜后，没有显示出透明效果来。+展开 -CSS.lightbox{-moz-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;backgrou..

a标签的伪类书写顺序

评论(0)浏览(219)分类：HTML/CSS兼容/XML
a标签的伪类书写顺序问题描述　　曾经在调试自己的网页是发现过一个问题，链接的文字只有在 IE6 下当鼠标移到上面的时候会变色，在 IE7、IE8 和其它浏览器里都不变色，感觉很奇怪。先来看一下我原来的代码：+展开-HTML!DOCTYPEhtmlstyletype="text/css"a:hover{color:red;}a:link{color:black;}a:visited{color:blue;}a:active{color:green;}/styleahref="#"testtes..

IE解析XML文档碰到DTD声明出错

评论(0)浏览(219)分类：HTML/CSS兼容/XML
IE解析XML文档碰到DTD声明出错IE解析XML文档碰到DTD声明出错　　在IE浏览器下查看xml文件，如果使用了DTD外部申明，DTD文件中如果有中文字符，则DTD文件需要存储为utf-8的编码，要不在IE下浏览使用了外部申明的XML文件时，解析DTD文件会出错。　　而使用内部的 DOCTYPE 声明时，XML文件不需要一定存储为utf-8，只需要存储编码和xml申明的编码一致就行，要不出错。　　　　总结..

js简易数字微调调整示例

评论(0)浏览(219)分类：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;} ..

canvas save和restore方法

评论(0)浏览(219)分类：HTML/CSS兼容/XML
canvas save和restore方法　　 应用到画布上面的效果是可以累积的，因而就可以利用几个简单的函数来组合出效果来。例如，在向屏幕上绘制之前，可能会有一艘飞船需要旋转、变换 和缩放。因为所有效果都对画布起作用，所以这些效果会应用到将被绘制在屏幕上的所有对象，而不仅仅是某一幅图像或某一个形状（比如一艘飞船）。　　其中，save和restore函数为应用这些累积的效果..