www亚洲精品少妇裸乳一区二区 ,亚洲国产精品一区二区久,一区二区亚洲精品精华液

Fri, 16 Oct 2009 02:43:00 GMT

摘要: 深入��出之正则表辑ּ��Q�一�Q? 前言�Q? 半年前我�Ҏ��则表辑ּ�产生了兴��，在网上查找过不少资料�Q�看�q�不��的教程�Q�最后在使用一个正则表辑ּ�工具RegexBuddy时发��C��的教�E�写的非常好�Q�可以说是我目前见过最好的正则表达式教�E�。于是一直想把他��译�q�来。这个愿望直到这个五一长假才得以实玎ͼ��l�果��有了这��文章。关�?.. 阅读全文

大田�?/a> 2009-10-16 10:43 发表评论

ExtJs2.0学习�p�d��(8)--Ext.XTemplate

Sat, 15 Nov 2008 02:55:00 GMT

摘要: XTemplate是Extjs里面的模板组�? 下面我们看个最��单的例子. Ext.onReady(function(){ //数据�? var data={ name:"博客�?, &nbs... 阅读全文

大田�?/a> 2008-11-15 10:55 发表评论

ExtJs2.0学习�p�d��(7)--Ext.TabPanel

Sat, 15 Nov 2008 02:40:00 GMT

摘要: 接着介绍extjs的基��?Tabpanel�l��g大家喜欢�? Ext.onReady(function(){ var tabsDemo=new Ext.TabPanel({ &n... 阅读全文

大田�?/a> 2008-11-15 10:40 发表评论

ExtJs2.0学习�p�d��(6)--Ext.FormPanel之第五式(�l�合��?

Thu, 13 Nov 2008 05:03:00 GMT

摘要: 我们基本上对form表单中常见组件有了简单的认识�Q�今天我们做个综合点的例子，向服务器提交下！其实�q�篇文章很简单，没有什么发光点�Q�暂��N��半�?忘各位理解！先来个简单的例子�Q�以说明formpanel如何把数据传�l�其他页面�? 现在我们要实现的效果是：点击��定�Q�把��g��到另一��面�Q�，如下�Q? Ext.onReady(function(){ Ext.QuickTi... 阅读全文

大田�?/a> 2008-11-13 13:03 发表评论

ExtJs2.0学习�p�d��(5)--Ext.FormPanel

Thu, 13 Nov 2008 04:58:00 GMT

摘要: 今天我们接着深入解析表单元素中ComboBox�l��g的��?5.服务器数据作为ComboBox的数据源实例首先从服务器获取json数据�Q?//cs后台代码�Q�简单�v见，�C�Z��而已�Q�要主要字符串格�?新手注意�Q�下面的代码攑֜��c�里面，不是攑֜��Ҏ��? public string ServerData="['湖北','江西','安徽']"; //aspx前台... 阅读全文

大田�?/a> 2008-11-13 12:58 发表评论

ExtJs2.0学习�p�d��(4)--Ext.FormPanel之第一�?

Thu, 13 Nov 2008 03:59:00 GMT

摘要: 今天我们要看看强大的FormPanel,也是�l�承panel�l��g的��用�?首先弄清楚这个问题，创徏的时候： //查看源代码便知，两种�Ҏ��是一��L�� Ext.form.FormPanel = Ext.FormPanel; 我们�q�是从最��单的代码实例开始吧�Q? 阅读全文

大田�?/a> 2008-11-13 11:59 发表评论

ExtJs2.0学习�p�d��(3)--Ext.Window

Thu, 13 Nov 2008 03:36:00 GMT

今天��介�l�window�l��g�Q�它�l�承自panel�?br /> 先介�l�个最��单例�?br />

//html代码
<div id="win" class="x-hidden">
div>

//js代码
var w=new Ext.Window({
           contentEl:"win",//��M��昄��的html元素�Q�也可以写�ؓel:"win"
           width:300,
           height:200,
           title:"标题"
        });
        w.show();

参数介绍�Q?br /> 因�ؓ前面已经介绍了panel�l��g�Q�下面只介绍window�l��g的几个其他特别的配置参数

//几个前面没有介绍的window自己的配�|�参�?/span>
1.closeAction:枚�D��gؓ�Q�close(默认�?�Q�当点击关闭后，关闭window�H�口
hide,关闭后，只是hidden�H�口
2.closable:true在右上角昄��叉叉的关闭按钮�Q�默认�ؓtrue
3.constrain�Q�true则强制此window控制在viewport�Q�默认�ؓfalse
4.modal:true为模式窗口，后面的内定w��不能操作�Q�默认�ؓfalse
5.plain�Q?/span>//true则主体背景透明�Q�false则主体有��差别的背景�Ԍ��默认为false

实例介绍�Q?br /> 1.嵌套了tabpanel的window

var w=new Ext.Window({
           contentEl:"win",
           width:300,
           height:200,
           items:new Ext.TabPanel({
                      activeTab:0,//当前标签为第1个tab�Q�从0开始烦引）
                      border:false,
                      items:[{title:"tab1",html:"tab1在windows�H�口�?/span>"},{title:"tab2",html:"tab2在windows�H�口�?/span>"}]//TabPanel中的标签��，以后再深入讨�?/span>
                 }),
           plain:true,//true则主体背景透明�Q�false则主体有��差别的背景�Ԍ��默认为false
           title:"标题"
        });
        w.show();

我们通过items把TabPanel�l��g嵌套在window的主体中��M��?br /> 我们在添加工��h��看看

// bbar:[{text:"��定"},{text:"取消",handler:function(){w.close();}}],//bottom�?/span>
buttons:[{text:"��定"},{text:"取消",handler:function(){w.close();}}],//footer�?/span>
buttonAlign:"center",//footer部按钮排列位�|?�q�里是中�?/span>
// collapsible:true,//右上角的收羃按钮

大田�?/a> 2008-11-13 11:36 发表评论

ExtJs2.0学习�p�d��(2)--Ext.Panel

Thu, 13 Nov 2008 03:22:00 GMT

摘要: //html代码 //js代码 var p = new Ext.Panel({ title: 'My Panel',//标题 &n... 阅读全文

大田�?/a> 2008-11-13 11:22 发表评论

ExtJs2.0学习�p�d��(1)--Ext.MessageBox

Thu, 13 Nov 2008 03:05:00 GMT

摘要: Ext.MessageBox.alert()�Ҏ�� 有四个参敎ͼ�为简单�v见，主要介绍前面三个参数�Q? alert( title , msg , function(){} ) 其中title�Q�m... 阅读全文

大田�?/a> 2008-11-13 11:05 发表评论

Ext.extend学习

Thu, 11 Sep 2008 08:12:00 GMT

摘要: 概述 Ext.extend是Ext的��承机�Ӟ��q�个函数的代码相当难懂。要明白�q�个函数的代码，首先要知道这个函数如何��用�?使用方式假设有个function名�ؓSuperClass�Q�要实现一个子�c�，名�ؓMyClass。下面的两种方式都可以实现这个功能�? MyClass = Ext.extend(SuperClass, { /**//* ... 阅读全文

大田�?/a> 2008-09-11 16:12 发表评论

js高��代码�~�写

Tue, 15 Jul 2008 01:51:00 GMT

1.�~�写定义式就�q�行的函�?br />

fun = function(){
    alert("执行");
}();
//alert(fun);

fun = function(){
    alert("执行");
    return "�q�回的是字符�?/span>";// �q�回的是个字�W�串
}();
//alert(fun)

扩展�Q?br />

if(!Person.extend){//若extend属性还未存在则执行里面的代�?nbsp;
    Person.applay(Person,{
        extend:function(){
            alert("定义时执�?/span>");
            return function(){
                alert("hello");
            }
        }()// 注意�q�里加了一�?)�Q�表�C�在new一个Person对象的时候就会立��x��行extend后面定义的方法，�q�且�q�回里面return的方法给extend属性，
           //那么�q�样�Q�extend��是一个方法类型的属性了
    });
}

匿名�Ҏ��Q?br />

//先定义匿名方法，�W�一个括号对里的�Q�必��要有这个括号对�Q�之后第二个括号对用来执行这个匿名方法，如果�q�个匿名�Ҏ��q�回的是function�Q�那么可以加�W�三个括号对�?nbsp;
(function(){
    alert("aa")
    return function(){
        alert("bb");
    }
})();// 输出�l�果�Q�aa

//带参数的匿名�Ҏ��使用
(function(a,b){
    alert(a);
    alert(b);
    return function(c){
        alert(c);
    }
})("匿名�Ҏ��的第一个参数�?/span>","匿名�Ҏ��的第二个参数�?/span>")("调用匿名�Ҏ��执行后返回方法所需要的参数�?/span>");
// 输出�l�果�Q�匿名方法的�W�一个参数��|��匿名�Ҏ��的第二个参数��|��调用匿名�Ҏ��执行后返回方法所需要的参数�?nbsp;

大田�?/a> 2008-07-15 09:51 发表评论

Thu, 26 Jun 2008 01:55:00 GMT

1.Ajax RSS reader

一个简单的RSS reader�Q�读取远�E�xml数据��Z��AJAX,PHP,MYSQL的RSS源，
�q�个例子允许用户在一个网��中查看多种源内�?

2.Ajax 桌面

该指南是一个手把手教程�Q�通过它你可以创徏一个类�?
�?a target="_blank">PageFlagePageFlage �?
Netvibes的桌�?�|�页。这个指南的目的是展�C�Z��些基于web应用�E�序的技巧，�q�些技巧也是比较常用的�Q�比如操�U�DOM�Q�事件监听，��d��q�程数据.
Ajax Desktop demo

3.AJAX for chat
使用异步JS,XML,PHP创徏一个简单的��Z��web的聊天客��L��

4.使用AJAX和del.icio.us创徏自己的信息空�?/a>
使用 del.icic.us API�Q�但是方法和思想可以适用与其他流行的服务�Q�如�Q?a target="_blank">DIGG�?a target="_blank">Flickr

5.AJAX��轻量��图表

使用动态读取数据允许用户创��拟的囑�Ş(falsh with ajax)�?
该方案涉及到js脚本交互�Q�和setData和setStyle�Ҏ��

6.使用ajax和PHP创徏日历

使用ajax和PHP创徏一个日历组�Ӟ��月䆾转换无须��h��面
Quick Calendar demo

7.如何在你的网站中使用ajax整合google日历

该指南展�C�Z��如何在一个网��里创徏一个调用一个公��q��Google日历
AJAX calendar demo

8.Edit-in-Place with jQuery

Edit In Place demo 1
Edit In Place demo 2

9.创徏一个AJAX星��评定构�g

评定�pȝ��Q�无��ȝ��L��钮或者刷新页�?那通过什么？�Q�点��L��章的链接�Q�？�Q?
使用js框架/库：DOJO,JQUERY�Q�mootools,Prototype JS

10.使用AJAX上传文�g

AJAX File Uploader demo

11.使用AJAX�Q�PHP创徏mailing列表

使用MYSQL储存用户输入的数据，Prototype JS 用于��化AJAX��h��和绑定时间处�?

12�Q?a target="_blank">安全的联�p�M�h表单

Safer Form demo

13. Ajax with CAPTCHA

14.��Z��AJAX的登陆表�?/a>

异步验证输入的数据，使用 jQuery form plugin和PHP处理��h��
Ajax-based login form demo

15. AJAX效果(for message box)

在该效果图中�Q�用��L��击save按钮�Q�提�C�框颜色��逐渐消退
Nice Ajax Effects for messages box demo

16. 文字自动提示

�c�M��google的效�?
AutoCompleter tutorial demo

17.自动填充选择�?/a>

使用jQuery&AJAX,无须��h��面�Q�自动填充内�?
Auto-populating Select Boxes demo

18.ajax下拉菜单
Ajax Dropdown Menu demo

19.Ajax/PHP Shoutbox

AJAX Shoutbox demo

20. 选项�?/a>

通过ajax填充数据, 使用PHP和Prototype JS
Building Tabbed Content demo

21.Load In and Animate Content

展示如何��d��数据��C��个页面，使用jQuery处理Ajax��h��和处理DOM
Load In and Animate Content demo

22. The Hows and Whys of Degradable Ajax

Degradable Ajax demo

23.使用避免多余的Ajax交互
使用该方法，可以在数据没有更新的情况下，��量减少不必要的数据库状态的改变和计��过�E��?

24.更好的AJAX Back Button Solution
A Better Ajax Back Button demo

25.Making Ajax Work with Screen Readers

大田�?/a> 2008-06-26 09:55 发表评论

Thu, 12 Jun 2008 09:38:00 GMT

摘要: vml是微软在IE5中就支持的矢量图技术。采用xml的格式来生成矢量图，�q��ؓ我们在页面上生成高质量的囑փ�提供�?很好的支持。另�Q�虽然SVG很好�Q�但IE不支持（不安装插件的话）�?�E�序很简单：一个servlet�Q�采集数据（仅仅随机产生一个数�l�）�?一个html��面�Q�采用ajax从servlet得到数据�Q�然后用vml生成图表。由于采用了ajax�Q�页面是不刷新的实时得到数据�?1: serv... 阅读全文

大田�?/a> 2008-06-12 17:38 发表评论

拟Google首页(dwr实现ajax)

Fri, 30 May 2008 07:29:00 GMT

摘要: 模拟Google首页(dwr实现ajax) 上周末听了在用友工作的两个学长的一个小讲��Q�虽然时间不长，但还是有些收��L��Q�其中一个开发部的经理就提到了一些小的技术点�Q�其中就包括dwr�Q�回家后上网查了查相兌��料，了解到dwr是一个java开源框�Ӟ��它的诞生��是��Z��降低开发ajax的难度，原理�c�M��于在javascript中调用java�c�，于是��׃��用dwr技术模拟Google首页做了个练习。由于正直全... 阅读全文

大田�?/a> 2008-05-30 15:29 发表评论

一个完整的表格样式定义

Mon, 26 May 2008 05:47:00 GMT

摘要: 阅读全文

大田�?/a> 2008-05-26 13:47 发表评论

js实现的通用分页

Mon, 05 May 2008 00:56:00 GMT

摘要: js代码 function PageSystem(count, divID, grountCount, callBack) { this.totolCount = count; //总记录数 t... 阅读全文

大田�?/a> 2008-05-05 08:56 发表评论

javascript闭包

Fri, 25 Apr 2008 06:41:00 GMT

下面�q�个链接中的讲解非常�?br /> http://www.javascriptkit.com/javatutors/closures.shtml
我的理解�Q?br /> 闭包��是在一个Outer函数中申明另一个inner函数�Q�当outer函数调用后，他的变量Variable 不会消失�Q�仍然可以被inner函数所使用�Q�而且所有的inner函数都拥有对Variable 的引�?br />

var outer=function(){
    var num=666;
    var getNow=function(){
       alert(num);
    }
   // num++;
    return getNow;
}
    var c=outer();
    c();                                     //------666

大田�?/a> 2008-04-25 14:41 发表评论

Wed, 23 Apr 2008 08:42:00 GMT

摘要: 听一�|�友问怎么做一个像Google搜烦一��P��写入搜烦关键字就提示相关信息。前两天有点旉��Q�就惌��己去做做看，现在完成了提�C�的功能。代码如下： HTML代码�Q?<%@ Page Language="C#" AutoEventWireup="true" CodeFile="AjaxTextBox.aspx.cs" Inherits="Ajax... 阅读全文

大田�?/a> 2008-04-23 16:42 发表评论

Wed, 23 Apr 2008 02:02:00 GMT

摘要: �{�于现在�|�上多数的Form的例子都多数是描�q�前台UI�?而没有对与服务端通讯的部�?故参考EXTJS的一个指�?写下�?�?希望能对大家有所帮助. 在WEB应用�?大部分的��面都可以被分�ؓ:列表,创徏,��d��,更新,删除.在Ext的文档中心提供了一个非常好的例�?一个行内编辑的表格.然�?在现实中,行内�~�辑的表格是�q�远不够�?�q�需要用不同的方式来展示表单.下面的例子中向你展示�?何在表格�?.. 阅读全文

大田�?/a> 2008-04-23 10:02 发表评论

Wed, 23 Apr 2008 01:41:00 GMT

String.prototype.toDate = function(style) {
   if (style == null) style = 'yyyy-MM-dd hh:mm:ss';
      var o = {
          'y+' : 'y',
        'M+' : 'M',
        'd+' : 'd',
        'h+' : 'h',
        'm+' : 'm',
        's+' : 's'
     };
     var result = {
        'y' : '',
         'M' : '',
         'd' : '',
         'h' : '00',
         'm' : '00',
        's' : '00'
     }
     var tmp = style;
     for (var k in o) {
         if (new RegExp('(' + k + ')').test(style)) {
             result[o[k]] = this.substring(tmp.indexOf(RegExp.$1), tmp.indexOf(RegExp.$1) + RegExp.$1.length);
         }
     }
     return new Date(result['y'], result['M'] - 1, result['d'], result['h'], result['m'], result['s']);
};

大田�?/a> 2008-04-23 09:41 发表评论

ext中的菜单基本应用

Mon, 31 Mar 2008 13:43:00 GMT

摘要: ��单菜单应�?　　菜单包括很多�U�，比如下拉菜单、分�l�菜单位、上下文件弹��单位�Q�菜单上的内容包括文件、单选框、按钮等。对于ExtJS来说�Q�菜单的实现非常��单，我们来看下面�C�Z��?Html代码如下�Q? �Ƣ迎�q�入��理�pȝ��
我们惛_��id为menu的这一区域里面昄��pȝ��的主菜单�Q�应�?.. 阅读全文

大田�?/a> 2008-03-31 21:43 发表评论

extjs 学习�W�记(2)

Mon, 31 Mar 2008 06:59:00 GMT

摘要: 只�ؓ了树也要学ext 3.1. 真的�Q�我是�ؓ了树�Q�才开始学ext的�?之前使用�q�xtree和dojo中的tree�Q�感觉都是怪怪的�Q�界面简陋，功能也不好上手，待看到ext里的树�Ş真是眼前一亮，在此之前�Q�动态增添，修改删除节点�Q�拖拽和右键菜单�Q�我一直认为是不可能实现的��d��Q�而在ext上却��L��实现了，而且界面和动��L��果相当完��。真是让人爱不释手啊�? 树�Ş是非常典型的一�U�数据结构，多��菜单�Q?.. 阅读全文

大田�?/a> 2008-03-31 14:59 发表评论

document.execCommand()函数可用参数解析

Fri, 21 Mar 2008 03:48:00 GMT

摘要: 阅读全文

大田�?/a> 2008-03-21 11:48 发表评论

extjs 基础学习

Fri, 21 Mar 2008 03:27:00 GMT

在项目中使用ExtJS已经有一�D�|��间了�Q?对于�q�个庞大的Script�c�d��有了一定的了解�Q?在Ext的��用上也有了一定的�l�验�Q?现将�q�些�l�验做一下�ȝ��Q?作�ؓ一个入门材料给大家分��n�?对于Ext库，不要被它的庞大所吓倒，只要静下心来看SDK�Q?多做一些练习， �q�是很容易上手的�?/p>

ExtJS 中的�c�M��l�承

在Ext下，定义一个JavaScript�c�M��乎没有什么特别的�Q?可以直接声明一个构造函敎ͼ� �q��用关键字new来进行初始化�?有一点值得注意的是在Ext中频�J�出现的Singleton�c�，普遍定义为：

Foo=function  (){
   return {
      init:function(){},
      destory:function(){}
    }
}()

然后��可以直接调用Foo的方法了�Q?其实�q�段代码可以理解�?br />

Foo=(function  (){
   return {
      init:function(){},
      destory:function(){}
    }
})()

�q�样�Q�就�Ҏ��理解了�?br /> 谈到�c�d��l�承�Q?有几个函数必��L��意， Ext.apply�?Ext.applyIf和Ext.extend�Q?br /> Ext.apply(obj, config, [defaults]) ��config对象的所有属性都复制到另一个对象obj上， �W�三个参数defaults可以用来提供默认��|�� 不过通常指用前两个参数就够了�?�q�个函数主要用在构造函��C��Q?用来��配�|�复制到对象上�?
Ext.applyIf(obj, config) 和Ext.apply的功能类��|�� 唯一不同的是�Q?�q�个函数只会��config对象中有�Q?而obj对象中没有的属性复制到obj上�?

Ext.extend(subclass, superclass, [overrides]) 用来�l�承已有的类�Q?通常的��用方法是

var SubClass = function() {
   SubClass.superclass.constructor.call(this);
};
Ext.extend(SubClass, BaseClass, {
   newMethod : function() {},
   overriddenMethod : function() {}
};

在上面的代码中， SubClass�l�承自BaseClass�Q?nbsp; ��d��了新的方法newMethod�Q?重写了overriddenMethod�Ҏ��?br />
个�h认�ؓ�Q?要扎实的掌握ExtJS�Q?�q�且能够对原有类库进行扩展，掌握以上的方法是必须的，也是入门的必�l�之路�?

事�g
事�g是指一个特定的动作�Q�这个动作可以针对HTML元素的，如keydown,keyup,mouseover, mouseout�{�，也可以是对于其它自定义的动作�Q�如对Ajax异步��h��的响应等。在ExtJS中，该如何处理呢�Q?/p>

1. 处理HTML元素的标准事�?/p>

HTML元素的标准事件是指mouseover、mousedown、click、blur、focus、change�{�能够直接对HTML元素发生的事件。在ExtJS中，�q�些事�g的处理可以用如下的代码：

注册一个事件处理函��C��用： Ext.get('myElement').on('click', myHandler, myScope) myElement是要注册的元素的ID�Q�click是事件的名称�Q�注意，和HTML元素中的声明onXXX不同�Q�这里不需要on�Q�，myHandler是处理函数的函数名称�Q�myScope是一个可选的参数�Q�指定处理函数绑定的对象�Q�也��是处理函数的作用域�Q�如果不提供�q�个参数�Q�则是默认的window�?
撤销一个事件处理函敎ͼ� Ext.get('myElement').un('click', myHandler, myScope) 参数的意义同上�?br /> ExtJS会根据不同的��览器进行相应的处理�Q�根本不需要理会用��L��的是什么浏览器。根据事件的不同�Q�传�l�处理函数的参数也会不同�Q�这个只能参考ExtJS的文档了�Q�必要时�q�得参考源代码�?/p>

2. 处理自定义事�?/p>

在ExtJS中��用自定义事�g�Q�需要从Ext.util.Observable�l�承�Q�示例代码如下：

Employee = function(name){
   this.name = name;
   this.addEvents({
      "fired" : true,
      "quit" : true
   });
}
Ext.extend(Employee, Ext.util.Observable, {  });

在这�D�代码中�Q�定义了一个Employee�c�，定义了fired和quit两个事�g。如何触发这两个事�g呢，基类Ext.util.Observable提供了触发自定义事�g的方法fireEvent(eventName, arg1, arg2, ... argn), eventName是要触发的时间的名称�Q�不区分大小写）�Q�后面的参数arg1�Q�arg2�{�是要传�l�事件处理函数的参数。用上面的Employee�c�d��C�Z��Q�触发quit事�g�Q?/p>

this.fireEvent('quit', this);
�q�行代码��触发quit事�g�Q��ƈ��Empolyee�cȝ��实例传给quit事�g的处理函敎ͼ�quit事�g的订阅可以采用如下代码：

function myHandler1(empolyee){ }
function myHandler2(empolyee){ }

var emp = new Empolyee('tom');
emp.on('quit', myHandler1);
emp.on('quit', myHandler2);

在上面的代码中，为quit事�g注册了两个处理函敎ͼ�myHandler1与myHandler�Q�，当quit事�g被激发时�Q�将会依�ơ调用myHandler1和myHandler2两个函数�?/p>

值得注意的是�Q�不��是HTML元素的标准事件还是自定义事�g�Q�如果�ؓ某个旉��注册了多个处理函敎ͼ�如前面的例子�Q�如果myHandler1�q�回false的话�Q�则会取消在myHandler1之后注册的处理函数的执行�Q�即该事件被取消�Q�从而停止��l�执行该事�g的处理函敎ͼ�而这个返回值false会作��Z��件激发的�l�果�Q�返回给empolyee�Q�即�Q?br />

var result = this.fireEvent('quit', this);
if (result === false) {
alert('event canceled'); //�q�里表示事�g被某个处理函数取�?br /> }
else {
alert('event complete'); // �q�里表示事�g执行完毕
}

通过Ext的自定义事�g的机�Ӟ��可以实现一对多的观察者模式，也可以实��C��对一的绑定模式，�q�一点，在ExtJS的开发中是很重要的�?

大田�?/a> 2008-03-21 11:27 发表评论

document.evaluate的详�l�用�?-使用XPath查找某些节点对象

Thu, 20 Mar 2008 03:53:00 GMT

该函数document.evaluate函数暂且不支持所有浏览器�Q�IE不支�?/font>

使用 Greasemonkey 时会遇到的功能最为强大的一个工具就�?evaluate 函数。通过使用XPath�q�种查询语言�Q�它可以用来��L��面中的元素�Q�属性和文本�?/p>

举个例子来说�Q�如果您惌��得某个页面上的全部链接。您也许会想��C��用document.getElementsByTagName('a')�Q�但是如果您�q�要�l�箋��查是否每个链接都��h��href属性，因�ؓ�q�可以用来作为锚名称使用�Q�这�Ӟ��您需要��用Firefox内徏的XPath 支持去获取全部具有href属性的元素�?/p>

例子: 获取��面上的全部链接

var allLinks, thisLink;
allLinks = document.evaluate(
     '//a[@href]',
     document,
     null,
     XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
     null);
for (var i = 0; i < allLinks.snapshotLength; i++) {
     thisLink = allLinks.snapshotItem(i);
     // do something with thisLink
}
�q�里�Q�document.evaluate 是关键的部分�?它把 XPath 查询语句作�ؓ一个字�W�串�Q�其它的参数�E�后再做解释�?�q�条 XPath   查询语句可以扑ֈ�全部��h��href属性的元素�Q��ƈ��它们按照随机的��序依次�q�回�?�q�就是说�Q�第一个被�q�回的元素�ƈ一定也是页面上的第一个这��L��元素�? 随后�Q�您��可以用 allLinks.snapshotItem(i) 函数讉K��每一个元素�?/p>

XPath表达式所能做到的甚至会��您惊讶。请看下面这个例子，它获取了全部��h��title属性的元素�?/p>

例子: 获取全部��h��title属性的元素

var allElements, thisElement;
allElements = document.evaluate(
     '//*[@title]',
     document,
     null,
     XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
     null);
for (var i = 0; i < allElements.snapshotLength; i++) {
     thisElement = allElements.snapshotItem(i);
     switch (thisElement.nodeName.toUpperCase()) {
         case 'A':
             // this is a link, do something
             break;
         case 'IMG':
             // this is an image, do something else
             break;
         default:
             // do something with other kinds of HTML elements
     }
}

如果您已�l�引用了某个元素�Q�例如上面的 thisElement�Q�，您就可以�?thisElement.nodeName 来替代它所对应的在 HTML ��面中的标签名称。如果被讉K��的这个页面是�?text/html 的方式被服务器执�? 那么标签名称��L��用大写子母返回，不论它在原始��面是如何定义的�?如果��面�?application/xhtml+xml 方式�? 那么标签名称��׃��以小写子母返回�?不论哪种情况�Q�我��L��?nbsp; thisElement.nodeName.toUpperCase() 得到大写的标�{�֐��U��?nbsp;

�q�是另外一�?XPath 查询�Q�它�q�回�?div 中的一个特�D�的�c�R�?/p>

例子: 获取 div 中的 sponsoredlink �c?/p>

var allDivs, thisDiv;
allDivs = document.evaluate(
     "http://div[@class='sponsoredlink']",
     document,
     null,
     XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
     null);
for (var i = 0; i < allDivs.snapshotLength; i++) {
     thisDiv = allDivs.snapshotItem(i);
     // do something with thisDiv
}
注意我在 XPath 查询语句外��用了双引��P��q�样在语句内部就可以使用单引受��?/p>

�?document.evaluate 函数中有很多参数。第二个参数 (在前两个例子中都是docoment) 可以是一个元素， XPath 查询只返回包含在�q�个元素内的元素。所以，如果您已�l�引用了一个元�?比如, 通过 document.getElementById 或�?通过 document.getElementsByTagName 得到的数�l�中的一个元�?, 那么您就可以限制查询只返回这个元素的子元素�?/p>

�W�三个参数是对一个叫�?namespace resolver 函数的引�? 它只有在工作�?application/xhtml+xml �c�d��的页面上的用戯��本中是有效的。即使您对它不是很了解也没有关系�Q�因为那�U�类型的��面不是很多�Q�您可能一�ơ也遇不到。如果您很想知道它是如何使用的，请参�?nbsp; Mozilla XPath documentation (http://www-jcsu.jesus.cam.ac.uk/~jg307/mozilla/xpath-tutorial.html)�Q�那里解释了它的用法�?/p>

�W�四个参数是�l�果的返回方式。在前面的两个例子中都��用了 XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, 它将�l�果以随机的方式�q�回。我使用的几乎全部都是这�U�方式，但是�Q�出于某�U�原因，您想让结果以它们在页面上出现的顺序返回，您可以��?nbsp; XPathResult.ORDERED_NODE_SNAPSHOT_TYPE �q�种方式�?Mozilla XPath documentation (http://www-jcsu.jesus.cam.ac.uk/~jg307/mozilla/xpath-tutorial.html)�q�给��Z��另外的一些用例�?/p>

�W�五个参数用来合�q�两��?XPath 查询的结果�?在获得第一�ơ调�?document.evaluate 得到的结果之后，它将两次查询的结果一赯��回。在前面的两个例子中�Q�这个参数都用了null�Q�这意味着我们只想获得本次查询的结果�?/p>

现在您明白了吗？XPath 既可以很��单，也可以很难，�q�取决于您要如何使用它。在此我强烈推荐您尽快去阅读 this excellent XPath tutorial (http://www.zvon.org/xxl/XPathTutorial/General/examples.html)�Q�从而了解更多的 XPath 语法。至�?document.evaluate 函数的其它参�? 我几乎从来不使用它们。事实上�Q�您可以自己定义一个函数来��装它们�?/p>

例子: 自定义的 xpath 函数

function xpath(query) {
return document.evaluate(query, document, null,
XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
}

在定义了�q�个函数之后�Q�您��可以调�?xpath('//a[@href]') 来获得某个页面上的全部链�? 或者调�?xpath('//* [@title]') 来获得具�?title 属性的元素。您仍然需要通过 snapshotItem 函数来访问结果中的每一��，�q�个函数的类型�ƈ不是一个规则的Javascript数组�?/p>

大田�?/a> 2008-03-20 11:53 发表评论

�|�站上常用的天气预报代码调用大全

Thu, 10 Jan 2008 03:45:00 GMT

考虑到��^时会用到各种形式的天气显�C��Ş式，所以将�q�x��在网上搜集的和自己整理的天气代码攑֜��q�里供参考（�׃��大部分效果��用的是框架调用别人的代码�Q�所以当别�h的网站修改了代码的时候有的效果可能显�C�Z��出来需要到相关�|�站查看修改�Q�：

名称�Q?65天气�Ҏ��IP自动获得当地的天气情�?br /> 代码�Q?/p>

效果�Q?/p>

说明 �Q�直接调�?/p>

名称�Q�QQ天气预报代码�Q�一�Q?br /> 代码 �Q?lt;iframe width="145" height="130" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://minisite.qq.com/Weather/news_new.h tml" allowTransparency="true">
效果 �Q?/p>

说明 �Q�这�U�适合于在�|�页的边栏插入。但一个缺�Ҏ��Q�上面的4个城市是既定的，无法�Ҏ��别的。插入时�Q�选好�|�页上的位置�Q�直接将左栏的源代码全部拯��d��行了

名称�Q�QQ天气预报代码�Q�二�Q?br /> 代码 �Q?lt;IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' SRC='http://weather.qq.com/inc/ss258.htm'>
效果 �Q?/p>

说明 �Q�这�U?也适合于在�|�页的边栏插入。上�?的城市可以自定，比如厦门可改成别的。定制的�Ҏ��是修�Ҏ��代码中标�U�的数字�Q�从1开始代�?#8220;�?�?#8221;开始，每个数字都代表一个城市，厦门�?87�Q�具体要哪个城市自己找一下�Ş�?/p>

名称�Q�新��天气预报代�?br /> 代码 �Q?lt;IFRAME ID='ifm2' WIDTH='260' HEIGHT='70' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0' FRAMEBORDER='0' SCROLLING='NO' src="http://news.sina.com.cn/iframe/weather/130101.html">
效果 �Q?/p>

说明 �Q�这�U�适合于在�|�页的头栏插入。上面的城市可以自定�Q�比�?矛_��庄可�Ҏ��别的�?/p>

名称�Q�QQ天气预报代码�Q�三�Q?br /> 代码 �Q?lt;iframe width="469" height="218" border="0" align="center" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no" src="http://appnews.qq.com/cgi-bin/news_weather_search?city=厦门" allowTransparency="true">
效果 �Q?/p>

说明 �Q�这�U�适合于在�|�页的正栏插入。上面的城市可以自定�Q�比如厦门可�Ҏ��别的。定制的�Ҏ��是修�Ҏ��代码中标�U�的名称。这里比较简单，直接用汉字改��p��了。比如是��州的，你就直接�?#8220;厦门”�Ҏ��州��p��?/p>

名称�Q�QQ天气预报代码�Q�四�Q?br /> 代码 �Q?lt;iframe width=160 height=230 frameborder=0 scrolling=NO src=http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌>
效果 �Q?/p>

说明 �Q�直接调�?/p>

名称�Q�QQ天气预报代码�Q�五�Q?br /> 代码 �Q?lt;iframe src="http://appnews.qq.com/cgi-bin/news_qq_search?city=南昌" frameborder="0" width="160" scrolling="no" height="230">
效果 �Q?/p>

说明 �Q�这�U�适合于在�|�页的边栏插入。上面的城市可以自定�Q�比如南昌可�Ҏ��别的。定制的�Ҏ��是修�Ҏ��代码中标�U�的名称。这里比较简单，直接用汉字改��p��了。比如是��州的，你就直接�?#8220;厦门”�Ҏ��州��p��
http://www.4aqq.com/viewthread.php?tid=602

大田�?/a> 2008-01-10 11:45 发表评论

CSS的三�U�selector

Fri, 04 Jan 2008 05:18:00 GMT

CSS存在三种Selector. 它们分别是HTML selector、class selector、ID selector�Q�它们之间有怎样的区别与联系呢，�q�里分别介绍一下：

HTML selector

HTML selector ��是 HTML �?tags, 比如 P, DIV, TD �{? 如你�?CSS 定义了它�? 在整��中, �q�个 Tag 的性质��按照你的定义来昄��? HTML selector 的语法如�?

tag {property:value}

比如我们惛_�� H1 的颜色是�U�的H1 {color: red}�q�里�q�要告诉�?CSS 的一个特�? 它可定义好几�?selector 在一�?rule �? 比如 H1, H2, TD {color: red}�q�个定义��p��让所有的 H1, H2, �?TD 的颜色都为红艌Ӏ?br />

Class selector

Class selector 有两�U? 一�U�叫相关 class selector, 它跟一�?HTML �?tag 有关�p? 它的语法�?br />

tag.Classname {property:value}

比如我们惛_��一些而不是全�?H1 的颜色是�U�的 H1.redone {color: red}�q�样在下面的语句�?
�W�一�?H1 是红色的, 而第二个��׃��是了

�U�色的题�?lt;/H1>

普通的题目

�W�二�U�是独立 class selector . 它可被�Q�?HTML tag 所应用. 它的语法如下 .

Classname {property:value}

假如我们有下面这个定�?blueone {color: blue}那么我们可以把他应用��C��同的 Tag 当中�? 比如

蓝色的题�?lt;/H1>
蓝色的段�?lt;/P>昄�� class selector �l�了我们更多的自由�?br />
ID selector

ID selector 其实跟独�?class selector 的功能一�? 而区别在于它们的语法和用法不�? 以及对于 Javascript 操纵 HTML
元素有帮�? 它的语法如下

#IDname {property:value}

假如我们有下面的定义#yelowone {color: yellow}我们可以�q�用�q�个定义��C�Q何的有同�?ID 名字�?tag, 比如 text here你可能觉得既�?ID selector 和独�?class selector 功能一�? ��Z��么两者都存在�? 如果你知道用 CSS-P 来定位的�? 你就明白它们的区别了. �?ID �?HTML 元素可以�?CSS-P�?JavaScript 来操�U�c�?br />

包含选择�W?/strong>

可以单独�Ҏ��U�元素包含关�p�d��义的样式表，元素1里包含元�?�Q�这�U�方式只对在元素1里的元素2定义�Q�对单独的元�?或元�?无定义，语法如下�Q?br />

outerTag innerTag {property:value}

样式表的层叠�?/strong>

层叠性就是��承性，样式表的�l�承规则是外部的元素样式会保留下来��承给�q�个元素所包含的其他元素。事实上�Q�所有在元素中嵌套的元素都会�l�承外层元素指定的属性��|��有时会把很多层嵌套的样式叠加在一��P��除非另外更改。例如在DIV标记中嵌套P标记�Q?br />

div { color: red; font-size:9pt}
……
<div>
<p>
�q�个�D�落的文字�ؓ�U�色9号字
p>
div>

另外�Q?span style="color: red">当样式表�l�承遇到冲突�Ӟ��L��以最后定义的样式为准�?br />
不同的选择�W�定义相同的元素�Ӟ��要考虑��C��同的选择�W�之间的优先�U��?br />
ID选择�W?gt;�c�选择�W?gt;HTML标记选择�W?/span>

如果惌��这三者之间的关系�Q�可以用!important提升样式表的优先�?br />
p { color: #FF0000!important }
.blue { color: #0000FF}
#id1 { color: #FFFF00}

我们同时寚w��面中的一个段落加上这三种样式�Q�它最后会依照�?important��x��的HTML标记选择�W�样式�ؓ�U�色文字。如果去�?important�Q�则依照优先权最高的ID选择�W��ؓ黄色文字�?

大田�?/a> 2008-01-04 13:18 发表评论

用javascript实现评估用户输入密码的强度[转蝲]

Wed, 02 Jan 2008 05:47:00 GMT
密码已经是我们生�z�d��作中必不可少的工�?但一个不安全的密码有又有可能会给我们造成不必要的损失。作为网站设计�?如果我们在网��中能对用户输入的密码进行安全评�?�q�显�C�出相应的提�C�Z��?那么对用戯��|�一个安全的密码��有很大帮助。同时也使得�|�站更具人性化,更有吸引�?
什么是一个安全的密码�?本程序按以下的方式进行评估�?br /> 1.如果密码��于5�?那么��p��是一个弱密码�?br /> 2.如果密码只由数字、小写字母、大写字母或其它�Ҏ��W�号当中的一�U�组�?则认��是一个弱密码�?br /> 3.如果密码由数字、小写字母、大写字母或其它�Ҏ��W�号当中的两�U�组�?则认��是一个中度安全的密码�?br /> 4.如果密码由数字、小写字母、大写字母或其它�Ҏ��W�号当中的三�U�以上组�?则认��是一个比较安全的密码�?br />

<script language=javascript>
//本程序是环球万维原创�E�序,若需转蝲,��h��?谢谢.
//以上信息与文章正文是不可分割的一部分,所以如果您要�{载本文章,您必��M��留以上信�?
//CharMode函数
//��试某个字符是属于哪一�c?
function CharMode(iN){
if (iN>=48 && iN <=57) //数字
return 1;
if (iN>=65 && iN <=90) //大写字母
return 2;
if (iN>=97 && iN <=122) //��写
return 4;
else
return 8; //�Ҏ��字符
}

//bitTotal函数
//计算出当前密码当中一共有多少�U�模�?/span>
function bitTotal(num){
modes=0;
for (i=0;i<4;i++){
if (num & 1) modes++;
num>>>=1;
}
return modes;
}

//checkStrong函数
//�q�回密码的强度��?/span>

function checkStrong(sPW){
if (sPW.length<=4)
return 0; //密码太短
Modes=0;
for (i=0;i<sPW.length;i++){
//��试每一个字�W�的�c�d��q�统计一共有多少�U�模�?
Modes|=CharMode(sPW.charCodeAt(i));
}

return bitTotal(Modes);

}

//pwStrength函数
//当用��h��开键盘或密码输入框失去焦点�?�Ҏ��不同的��别显�C�Z��同的颜色

function pwStrength(pwd){
O_color="#eeeeee";
L_color="#FF0000";
M_color="#FF9900";
H_color="#33CC00";
if (pwd==null||pwd==''){
Lcolor=Mcolor=Hcolor=O_color;
}
else{
S_level=checkStrong(pwd);
switch(S_level) {
case 0:
Lcolor=Mcolor=Hcolor=O_color;
case 1:
Lcolor=L_color;
Mcolor=Hcolor=O_color;
break;
case 2:
Lcolor=Mcolor=M_color;
Hcolor=O_color;
break;
default:
Lcolor=Mcolor=Hcolor=H_color;
}
}

document.getElementById("strength_L").style.background=Lcolor;
document.getElementById("strength_M").style.background=Mcolor;
document.getElementById("strength_H").style.background=Hcolor;
return;
}

script>

<form name=form1 action="" >
输入密码:<input type=password size=10 onKeyUp=pwStrength(this.value) onBlur=pwStrength(this.value)>
<br>密码强度:
<table width="217" border="1" cellspacing="0" cellpadding="1" bordercolor="#cccccc" height="23" style='display:inline'>
<tr align="center" bgcolor="#eeeeee">

<td width="33%" id="strength_L">�?/span>td>

<td width="33%" id="strength_M">�?/span>td>

<td width="33%" id="strength_H">�?/span>td>
tr>
table>

form>

大田�?/a> 2008-01-02 13:47 发表评论

深入��析avascript对象

Thu, 27 Dec 2007 06:27:00 GMT
     摘要: �c�L��什么？许多刚接触编�E�的朋友都可能理解不了类�Q�其实类是对我们�q�个现实世界的模拟，把它说成“�c�d��”或�?#8220;�c�d��”可能会更�Ҏ��理解一些。比�?#8220;�?#8221;�q�种动物��是一个类�Q�而具体某一个�h��是“�?#8221;�q�个�cȝ��一个实例，“�?#8221;可以有许多实例（地球��q�六十亿了）�Q�但“�?#822...  阅读全文

大田�?/a> 2007-12-27 14:27 发表评论

Thu, 27 Dec 2007 04:57:00 GMT

<script>
function yulan()
{
var fileext=document.form1.UpFile.value.substring(document.form1.UpFile.value.lastIndexOf("."),document.form1.UpFile.value.length)
        fileext=fileext.toLowerCase()

        if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
        {
            alert("对不��P��pȝ��仅支持标准格式的照片�Q�请您调整格式后重新上传�Q�谢�?nbsp;!");
             document.form1.UpFile.focus();
        }
        else
        {
        //alert(''+document.form1.UpFile.value)//把这里改成预览图片的语句
  document.getElementById("preview").innerHTML=""+document.form1.UpFile.value+"' width=120 style='border:6px double #ccc'>"
        }

}
script>

<form name="form1" method="POST" enctype="multipart/form-data">
<input type="file" name="UpFile" size="46" onchange="yulan()">
<div id="preview">div>
form>

大田�?/a> 2007-12-27 12:57 发表评论