javascript实现IE,firefox客户端图片预览

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
javascript实现IE,firefox客户端图片预览　　javascript实现IE,firefox客户端图片预览，测试浏览器：IE6~8，firefox4.0。　　google的chrome，safari，opera浏览器需要上传图片才行，这个不在讨论范围，上传后也变简单多了，将表单自动提交到隐藏iframe实现无刷新上传图片文件后，在服务器端保存图片然后返回路径，具体参考这篇文章：ajax无刷新上传文件，使用iframe模仿。　　原理：由..

jquery.lazyload 实现图片延迟加载

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
jquery.lazyload 实现图片延迟加载什么是ImageLazyLoad技术　　在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。ImageLazyLoad技术就是，当前可见界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。怎么实现ImageLazyLoad一、使用JQuery插件 ，插件..

doctype中html和html区别

评论(0)浏览(222)分类：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/..

IE下未选择textarea的内容时如何保存Range对象

评论(0)浏览(222)分类：JavaScript/Ajax开发技巧
IE下未选择textarea的内容时如何保存Range对象　　由于IE下调用obj.focus()并不能使光标回到原来的位置或者使选择的内容再次选择上，所以在IE浏览器下需要保存当前的Range对象，以便进行相应的操作时，在原来的位置进行，而不是跑到其他的位置去。　　Firefox由于调用obj.focus()后光标能回到回来的位置或者选择的文字上，所以不需要保存位置。　　但是在不久前在写一个UBB程序时，碰到如果未..

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

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

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

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

7.12.创建一个带复选框的Tree控件

评论(0)浏览(220)分类：flash/flex/fcs/AIR
7.12.创建一个带复选框的Tree控件7.12.1.问题你要创建一个树。它的结点一个有三个状态的CheckBox。7.12.2.解决办法我们从三个方面去解决这个问题：1 创建TreeItemRenderer。这个renderer 要包含CheckBox；2 当CheckBox 是第三种状态时，将有一个黑色的小图片覆盖在CheckBox 上方，也就是说，这时我们看到CheckBox 的，不是空心的，也不是里边含有“勾”，而是里边含有一个实心的..

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

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

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

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

Javascript闭包的特性简析

评论(0)浏览(219)分类：JavaScript/Ajax开发技巧
Javascript闭包的特性简析Javascript闭包的定义非常晦涩闭包，是指语法域位于某个特定的区域，具有持续参照（读写）位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落。这些外部执行域的非持久型变量神奇地保留它们在闭包最初定义（或创建）时的值（深连结）。简单来 说，Javascript闭包就是在另一个作用域中保存了一份它从上一级函数或作用域取得的变量（键..

Selection.extend方法

评论(0)浏览(218)分类：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

图片手风琴效果jQuery插件

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

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

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

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

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

javascript代码优化技巧

评论(0)浏览(217)分类：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 +&..

ajax responseText -1072896748错误

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

IE/Firefox/W3C浏览器代码触发事件

评论(0)浏览(215)分类：JavaScript/Ajax开发技巧
IE/Firefox/W3C浏览器代码触发事件　　firefox或者w3c浏览器没有直接在DOM中添加onclick事件，而是通过addEventListener添加事件时，无法使用 DOMObject.onclick()使用这种方法触发事件，但是可以通过dispatchEvent来触发。　　测试代码如下div id=dvEvtdiv的内容/divinput type=button value=触发事件 onclick=btnFireEvent() /script type=text/javascript var dv; windo..

javascript数组forEach方法

评论(0)浏览(213)分类：JavaScript/Ajax开发技巧
javascript数组forEach方法forEach 方法 (JavaScript)备注：IE9+，firefox1.5+，chrome浏览器才支持数组的forEach方法，IE8-浏览器不支持，需要扩展// 说明：Javascript Array 的 forEach 方法// 整理：http://www.CodeBit.cn// 来源：http://developer.mozilla.org if (!Array.prototype.forEach){Array.prototype.forEach = function(fun /*, thisp*/){var len = this.l..

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

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

YUI框架事件和DOM事件

评论(0)浏览(212)分类：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",..

IE浏览器setCapture和releaseCapture介绍

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

IE8-实现document.getElementsByClassName

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

CKEditor编辑器配置选项

评论(0)浏览(210)分类：JavaScript/Ajax开发技巧
CKEditor编辑器配置选项配置属于自己的编辑器，配置Config.js文件（官方给出配置的几种方法，详见参考官方文档）如下：http://docs.fckeditor.net/ckeditor_api/symbols/CKEDITOR.config.html#.autoUpdateElementCKeditor编辑器选项配置CKeditor像是一个WEB的小Word，当然也预设了很多相关编辑项目，相信很多人需要调整，那些项目要用那些不要用在ckeditor目录下，有个..

js简易数字微调调整示例

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

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

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

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

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

9个最常见IE的Bug及其fix

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

a标签的伪类书写顺序

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

javascript获取vml对象path属性

评论(0)浏览(208)分类：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类型的随性，尽然没有..