[编辑本段]基本概念
  在这里只作简单介绍,在以后的例子中结程序再作具体解释其作用。
1、运算符
  运算符就是完成操作的一系列符号,它有七类:   赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)

、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。   可

能很多人不知道"==="什么。   在这里,我为大家解释一下,在javascript中 "==="才是全等 只有"==="两边的内存地址也相等 才会返回真

  而"=="只是值相等就会返回真   例如:null==undefined 会返回真 , 但是null===undefined 就会返回假!
2、表达式
  运算符和操作数的组合称为表达式,通常分为四类:赋值表达式、算术表达式、布尔表达式和字符串表达式。
3、语句
  Javascript程序是由若干语句组成的,语句是编写程序的指令。Javascript提供了完整的基本编程语句,它们是:   赋值语句、switch

选择语句、while循环语句、for循环语句、for each循环语句、do while循环语句、break循环中止语句、continue循环中断语句、with语句、

try...catch语句、   if语句(if..else,if...else if ...)、let语句。
4、函数
  函数是命名的语句段,这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点:   1)函数由关键字function定义(

也可由Function构造函数构造);   2)使用function关键字定义的函数在一个作用域内是可以在任意处调用的(包括定义函数的语句前)

;而用var关键字定义的必须定义后才能被调用;   3)函数名是调用函数时引用的名称,它对大小写是敏感的,调用函数时不可写错函数名

;   4)参数表示传递给函数使用或操作的值,它可以是常量,也可以是变量,也可以是函数,在函数内部可以通过arguments对象

(arguments对象是一个伪数组,属性callee引用被调用的函数)访问所有参数;   5)return语句用于返回表达式的值。   6)yield语

句扔出一个表达式,并且中断函数执行直到下一次调用next。   一般的函数都是以下格式:   function myFunction(params){   //执

行的语句   }   函数表达式:   var myFunction=function(params){   //执行的语句   }   var myFunction = function(){

  //执行的语句   }   myFunction();//调用函数   匿名函数,它常作为参数在其他函数间传递:   window.addEventListener

('load',function(){   //执行的语句   },false);
5、对象
  Javascript的一个重要功能就是面向对象的功能,通过基于对象的程序设计,可以用更直观、模块化和可重复使用的方式进行程序开发。

  一组包含数据的属性和对属性中包含数据进行操作的方法,称为对象。比如要设定网页的背景颜色,所针对的对象就是document,所用的

属性名是bgcolor,如document.bgcolor="blue",就是表示使背景的颜色为蓝色。
6、事件
  用户与网页交互时产生的操作,称为事件。事件可以由用户引发,也可能是页面发生改变,甚至还有你看不见的事件(如Ajax的交互进度

改变)。绝大部分事都由用户的动作所引发,如:用户按鼠标的按钮,就产生click事件,若鼠标的指针的链接上移动,就产生mouseover事件

等等。在Javascript中,事件往往与事件处理程序配套使用。   而对事件的处理,W3C的方法是用addEventListener()函数,它有三个参数

:事件,引发的函数,是否使用事件捕捉。为了安全性,建议将第三个参数始终设置为false;   传统的方法就是定义元素的on...事件,它

就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。javascript中事件还

分捕获和冒泡两个阶段,但是传统绑定只支持冒泡事件。
7、变量
  如 var myVariable = "some value";   变量有它的类型,上例中myVariable的类型为string(字符串)   javascript支持的常用类

型还有:   object:对象   array:数组   number:数;   boolean:布尔值,只有true和false两个值,是所有类型中占用内存最

少的;   null:一个空值,唯一的值是null;   undefined:没有定义和赋值的变量   实际上javascript的变量是弱变量类型,你赋

值给他的是字符串,他就是String .   是数字他就是整形。是true和false他就是boolean型(注意,不能加引号,不然会被当成字符串处理

)。

 


-----------------------------------------------------------------
//实例化 XMLHttpRquest对象
    var http_request=false;
    function createRequest()
    {
      
        try//IE
        {
            http_request=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch (e)
        {
            try
            {
                http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e2)
            {
                http_request = false;
            }
        }
        if (!http_request && typeof XMLHttpRequest != 'undefined') //FireFox
        {
            http_request = new XMLHttpRequest();
        }
    }
    function callserver()
    {
        createRequest();
        var strText=document.getElementById("txt1").value;
        if(strText==""||strText==null)
            return ;
        var url="check_id.aspx?strtxt="+escape(strText);
        http_request.onreadystatechange=updatepage;
        http_request.open("GET",url,true);
        http_request.send(null);
    }
    function updatepage()
    {  
        var obj=document.getElementById("div1");
        if(http_request.readyState == 4)
        {
            if(http_request.status==200)
            {
                var response=http_request.responseText;
                if(response.indexOf("regok")!=-1)
                {
                    //验证通过
                    obj.className="Right";
                    obj.innerHTML='该会员名可以注册。';

                }
               else
               {
                    //验证未通过
                     obj.className="Error";
                     obj.innerHTML='该会员名已经被注册。';
               }
            }
        }
        else
        {   //异步传输失败
            obj.innerHTML='该会员未能检测,可以尝试注册。';
  
        }
    }

在Default.aspx页面HTML代码

<table>
                <tr>
                    <td>
                        <asp:Label ID="lbl" runat="server" Text="填写用户名" ForeColor="Red">
                        </asp:Label>
                    </td>
                    <td>
                        <asp:TextBox ID="txt1" onblur="callserver()" runat="server">
                        </asp:TextBox>
                    </td>
                    <td>
                        <div id="div1">
                        </div>
                    </td>
                </tr>
            </table>

放在此中的CSS

 <style type="text/css">
    .Error{ border:1px solid #A2553B;background-color:#FEF1E1;width:200px;float:left;height:18px;line-height:18px;margin-

left:24px;color:#4F4F4F;text-indent:12px;}
    .Right{ border:1px solid #419041;background-color:#EDFCE7;width:2000px;float:left;height:18px;line-height:18px;margin-

left:24px;color:#4F4F4F;text-indent:12px;}
    </style>

新建一个check.aspx记住只保留下面一句,其他的html语句全部删掉

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="check.aspx.cs" Inherits="check" %>

按F7进入后代页面

键入如下代码:

protected void Page_Load(object sender, EventArgs e)
    {
        string name = Request.QueryString["strtxt"].ToString();
        if (name == "123")
        {
            //只有123可以注册。。。
            Response.Write("regok");
        }
        else
        {
            Response.Write("error");  
        }
    }