domReady事件

评论(0)浏览(185)分类：JavaScript/Ajax开发技巧
domReady事件　　在w3c浏览器下面，domReady事件==DOMContentLoaded事件，IE浏览器下面没有DOMContentLoaded事件，可以通过IE加载循序使用script+defer属性来实现domReady事件，具体参考下面的代码　　基本上每个库都有domReady事件，因为如果要对页面上的元素进行操作，必须等到页面加载了这个元素才行，否则会报错，但是很难判定某个元素是否已加 载，但可..

javascript事件加载循序

评论(0)浏览(136)分类：JavaScript/Ajax开发技巧
javascript事件加载循序　　通常来说，window.onload就够用了，如果想加载多个事件，可以采取以下方式：window.onload = function(){ func1(); func2(); func3(); //更多加载事件}　　但是如果我们需要页面完全呈现前做一些东西呢，如通过脚本加载其他js文件，或在IE6实现fixed这些东西就要用到domReady 了，domReady好像是jQuery的叫做，一个..

js代码加密解密

评论(0)浏览(287)分类：JavaScript/Ajax开发技巧
js代码加密解密　　一：最简单的加密解密　　大家对于JAVASCRIPT函数escape()和unescape()想必是比较了解啦（很多网页加密在用它们），分别是编码和解码字符串，比如例子代码用escape()函数加密后变为如下格式：alert%28%22%u9ED1%u5BA2%u9632%u7EBF%22%29%3B　　如何？还看的懂吗？当然其中的ASCII字符alert并没有被加密，如果愿意我们可以写点JAVASCRIPT代码..

添加xhtml声明后documentElement.scrollTop为0

评论(0)浏览(185)分类：JavaScript/Ajax开发技巧
添加xhtml声明后documentElement.scrollTop为0　　再chrome浏览器下面，无论申明doctype为html或者xhtml，获取或者设置页面的滚动高只能使用document.body.scrollTop，使用document.documentElement.scrollTop得到的是0，chrome版本为16.0.912.75 m，而其他浏览器则按照doctype的不同使用不同的对象，申明为xhtml时使用document.documentElement.scrollTop，doctype为html时则使用document.b..

HTML文档DOCTYPE类型介绍

评论(0)浏览(166)分类：HTML/CSS兼容/XML
HTML文档DOCTYPE类型介绍　　在HTML声明DOCTYPE有以下几种：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/h..

CSS在线生成网站

评论(0)浏览(158)分类：HTML/CSS兼容/XML
CSS在线生成网站　　CSS代码编写是设计师的一个重要工作。写一个CSS代码和实施所需的设计任务。是非常不容易的，，今天给大家带来几个不错的工具，您可以生成在线CSS代码。节省您的时间，并自动获得一个专业的CSS代码。如果你没有css编写经验，不要紧，这几个工具正是你的所需，在线代码生成。基本上css方面的全了，像背景，布局，样式等等都包含了，哈哈CSS3.0..

IE浏览器下字符串不能通过下标获取字符

评论(0)浏览(282)分类：JavaScript/Ajax开发技巧
IE浏览器下字符串不能通过下标获取字符　　在IE浏览器下面，通过下标[]操作尽然无法获取到此下标对应的字符，得到undefined，其他浏览器如firefox，chrome可以通过字符串下标操作获取到对应的字符串。　　解决办法就是通过split方法转换为字符数组，或者使用charAt方法或者使用substr方法，测试代码如下script type=text/javascript var s = '123'; alert(s[0])//IE输出..

分享6个不错的jquery tooltip plugin

评论(0)浏览(187)分类：JavaScript/Ajax开发技巧
分享6个不错的jquery tooltip plugin　　6个不错的jquery Tooltip插件　　1) Poshy Tip 是一个强大的jQuery Tooltip插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。http://vadikom.com/tools/poshy-tip-jquery-plugin-for-stylish-tooltips/演示地址:http://vadikom.com/demos/poshytip/　　2）Easy Tooltip是一款 jQuery 的 Tooltip 插件。http://cs..

JavaScript解析XML的方法总结

评论(8)浏览(300)分类：JavaScript/Ajax开发技巧
JavaScript解析XML的方法总结　　最近一个项目中要用到树形列表,本来是用mztree的,但数据用了xml,本来xml就是树形目录,就打算用JavaScript直接解析xml文件了,网上找到一些JavaScript操作xml的方法,在此做一个总结。　　我的xml文件Login.xml如下：LoginCharacterC Text=热血 Value=0/CC Text=弱气 Value=1/CC Text=激情 Value=2/CC Text=冷静 Value=3/CC Text=冷酷 Value=4/..

自定义上传控件样式

评论(0)浏览(569)分类：JavaScript/Ajax开发技巧
自定义上传控件样式　　有些时候我们不需要默认的上传控件input=file的样式，而是现实自定义的样式和文字，而不是单一的浏览...样式，我们可以使用浮动层来实现。　　原理：将上传控件input=file设置为透明的，然后添加2个控件。1）一个在上传控件input=file的浏览...按钮下面，因为上传控件input=file是透明的，所以看到的是这个自己定义的控件，不过注意大小和位..

从js文件中获取传递给js文件的参数

评论(0)浏览(239)分类：JavaScript/Ajax开发技巧
从js文件中获取传递给js文件的参数问题：从js文件中如何或者传递给本js文件的参数？思路：主要是获取script标签的src属性，然后分析src属性获取到传递的querystring参数。关键：通过上面知道，获取当前script标签是关键。至于如何获取，有2中方法1）可以给script标签块加一个ID，然后通过document.getElementById获取到 a）缺点：需要手动添加script标签的ID b）优点：可以从其他..

google chart显示全部顶点的tooltip

评论(0)浏览(261)分类：JavaScript/Ajax开发技巧
google chart显示全部顶点的tooltip2012-9-18更新：IE9部分浏览器支持svg绘图，修改了获取路径的方法。由于IE得到的path信息会多一些空格出来，改为用正则获取顶点信息　　今天在csdn看到一个使用google chart绘制LineChart图标，需要提示显示全部显示出来，而不是当鼠标悬浮到顶点的时候才显示提示信息tooltip。　　下午看了下google chart的api文档，没有发现有显示全部提示信息..

javascript检查浏览器是否支持canvas

评论(0)浏览(140)分类：Canvas/VML/SVG
javascript检查浏览器是否支持canvas　　Canvas标签并没有得到目前所有浏览器的支持，因此在使用canvas绘图的时候，要先检测客户端浏览器是否支持。下面的示例将通过Javascript判断浏览器是否支持： canvas id=myCanvas width=300 height=200 style=border:1px solid #c3c3c3; Your browser does not support the canvas element. /canvas script type=text/java..

HTML5 canvas简介

评论(0)浏览(146)分类：Canvas/VML/SVG
HTML5 canvas简介　　HTML5 提供了画布（canvas）标签，通过与Javascript结合使用，可以在网页上绘制图像。Canvas是一个矩形区域，使用Javascript可以控制其每一个像素。本文将对canvas标签进行简要的学习。　　canvas标签说明：canvas标签是一个矩形区域，它包含两个属性width和height，分别表示矩形区域的宽和高，这两个属性都是可选的，并且都可以通过css来设..

canvas绘制路径

评论(0)浏览(136)分类：Canvas/VML/SVG
canvas绘制路径　　路径是绘制自定义图形的好方法，在canvas中通过beginPath()方法开始绘制路径，这个时侯你就可以绘制直线、曲线等，绘制完成后调用 fill()和stroke()完成填充和设置边框，通过closePath()方法结束路径的绘制。下面的例子讲演时如何绘制路径： bcanvas绘制路径/bbr/canvas id=myCanvas width=300 height=200 style=border:1px solid #c3c3..

canvas绘制线条和图案

评论(0)浏览(182)分类：Canvas/VML/SVG
canvas绘制线条和图案　　没有canvas之前，想要在网页上面绘制线条或图案，是非常麻烦且不兼容的。在《js画直线》一文中转载了网络上常用的在IE和FF中绘制线条的方法，但如果想要这些方法通用，则是不可能的。但现在有了canvas标签，一切就变得简单了。　　现在，你只需要在页面上添加canvas标签，并通过Javascript调用它的相应方法，就可以轻松的在页面上绘制线条和..

textarea设置下划线格式

评论(0)浏览(2601)分类：HTML/CSS兼容/XML
textarea设置下划线格式功能要求：1：如何实现在多行文本框textarea里面每一行下面都有一条横线 2：textarea文本框里面有一段不能删掉实现方法：横线用背景图片来做，不动的文字用浮动层+给textarea增加text-indent来实现缩进。源代码如下：style type=text/css.input{position:relative}.word{position:absolute;line-height:20px;left:0px;top:1px;z-index:10;backgr..

隐藏IE textarea控件滚动条

评论(0)浏览(207)分类：HTML/CSS兼容/XML
隐藏IE textarea控件滚动条　　IE浏览器下面textarea即使没有内容，也会在右边显示一个灰色的滚动条，如下图所示　　在IE下要隐藏textarea的滚动条，只需要增加style=overflow:hidden或者auto就可以隐藏灰色滚动条了。textarea rows=5 cols=50 style=overflow:auto/textarea

javascript检查插件是否已经在IE和firefox上安装

评论(0)浏览(884)分类：JavaScript/Ajax开发技巧
javascript检查插件是否已经在IE和firefox上安装一、IE检查插件是否安装，通过创建ActiveXObject来实现，提示ActiveX控件和本页其他部分的交互...警告这个也说明安装过插件了，但是点击否不会继续new ActiveXObject后的语句scripttry{// var varTest = new ActiveXObject(jmail.Message); alert(jmail.Message已经在系统上安装过！) }catch (e) { alert(没有可支持的插件!..

AJAX跨域问题解决办法

评论(3)浏览(430)分类：JavaScript/Ajax开发技巧
AJAX跨域问题解决办法　　ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面：1.跨浏览器问题2.历史后退状态问题3.跨域问题　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可以使用一个数组来保存历史纪录，然后把这些数据村到历史对象中去，中..

百度 301转向还能更新原网站

评论(0)浏览(191)分类：网站排名及优化
百度 301转向还能更新原网站　　最近网站更换了域名，从www./更换为www./，整站做了301转向，到现在10多天了，google已经完成40%左右的PR转移，但是神奇的发现，百度没有进行权重转移，更新的快照还是www./的。　　神奇了百度，网站都做了301转向了，首页尽然还能更新快照，最新的文章也被百度收录到旧的域名www./下面。百度这次到底改了什么算法，郁闷。。

仿CSDN的鼠标悬停效果

评论(2)浏览(165)分类：JavaScript/Ajax开发技巧
仿CSDN的鼠标悬停效果仿照CSDN当鼠标悬停在用户头像上时显示用户相关信息的效果，代码及说明如下style type=text/css.pop{width:357px;height:194px;background:url(/eg/bgUserCard.gif) no-repeat;position:absolute;display:none;}.pop .ct{margin:10px 10px 10px 60px;}/style div class=pop id=popDV onmouseout=hide(event) onmouseover=clearTimeout(mouseOutT..

google chart IE无法响应ready事件

评论(1)浏览(147)分类：JavaScript/Ajax开发技巧
google chart IE无法响应ready事件　　使用google chart绘制LineChart图像时，在IE7，IE8下会无法响应ready事件，firefox，chrome没有问题，其他浏览器没有测试。　　没有办法，IE下只能用计时器检查google chart生成的iframe对象的document.readyState=='complete'是否成立了。源代码如下function drawChart(){//绘图函数 var chart = new google.visualization.LineCh..

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类型的随性，尽然没有..

HTML编辑器失去焦点后在原来光标位置插入信息/图片

评论(0)浏览(323)分类：JavaScript/Ajax开发技巧
HTML编辑器失去焦点后在原来光标位置插入信息/图片　　示例代码参考　　在制作html编辑器，有些时候iframe编辑器需要失去焦点，然后进行一些处理操作，如上传图片，编辑其他的信息后将上传的图片或者编辑好的信息插入到原来html编辑器原光标的位置。　　在firefox下调用focus函数可以使光标回复到原来的位置，但是IE下光标处于html编辑器的头，所以要想在原来的位置插入相关信息，需要保存range对..

silverlight,javascript相互调用

评论(0)浏览(201)分类：JavaScript/Ajax开发技巧
silverlight,javascript相互调用silverlight,javascript相互调用方法1，在silverlight调用javascript函数　　用System.Windows.Brower命名空间下的某些silverlight类，你可以调用一段脚本写的javascript函数。这样就给你的silverlight代码一个很有规律的方式来和页面交互。 　　比如：你在HTML页面中有下边一段javascript函数function createText(message,user) { var el = do..

英文版本flash动态文本无法显示中文

评论(0)浏览(104)分类：flash/flex/fcs/AIR
英文版本flash动态文本无法显示中文　　今天碰到一个flash，通过配置加载xml，xml文件中的中文内容无法显示在动态文本标签上，英文没有问题，设置了system.usecodepage = true也没用。全部统一为utf-8也还是没效果。　　这个flash是一个国外的网站下载的，默认的是英文的，编译成swf的flash版本应该也是英文的。flash源代码是通过swf反编译得来，即使注释了as脚本，直接设置动态文..

javascript delete操作符

评论(0)浏览(78)分类：JavaScript/Ajax开发技巧
javascript delete操作符javascript delete 使用示例var flower={}; flower.name=oop; delete flower.name; //true alert(flower.name); //undefined 　　创建一个名为flower的对象　　flower具有成员name,值oop;　　delete 操作 删除这个成员　　删除成功,已不存在flower.name这个成员javascript delete 使用示例2alert(isNaN(5)); //falsedelete isNaN; //t..

javascript垃圾回收机制理解

评论(0)浏览(149)分类：JavaScript/Ajax开发技巧
javascript垃圾回收机制理解　　javascript语言是一门优秀的脚本语言.其中包含脚本语言的灵活性外还拥有许多高级语言的特性.例如充许构建和实例化一个对象,垃圾 回收机制(GC:Garbage Collecation).通常我们使用new创建对象,GC负责回收对象占用内存区域.因此了解GC,可以加深对javascript垃圾回收机制的理 解。　　GC在回收内存时,首先会判断该对象是否被其它对象引用.在确定..

JavaScript闭包(closure) 详解

评论(0)浏览(205)分类：JavaScript/Ajax开发技巧
JavaScript闭包(closure) 详解一、什么是闭包？　　官方的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候..