JavaScript初探

JavaScript初探

JavaScript是一门轻量级，解释型的程序设计语言，它是最为出名的网页脚本语言。

HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。

JavaScript语句向id=”demo”的HTML元素输出文本”Hello World”

document.getElementById("demo").innerHTML="hello World";

JavaScript的点击事件

<button type="button" onclick="myFunction()">Try it</button>

JavaScript语句对大小写敏感，所以要区分大小写。会忽略多余的空格。

JavaScript单行注释用//，多行注释用/* */

JavaScript中变量可看作存储数据的容器。变量必须以字母开头，也能以$和_开头（但不推荐使用），变量名称对大小写敏感 。

JavaScript声明变量用var关键词：var name=”Tom”; 当声明的无值的变量时，其值实际是undefined；当重新声明变量时，该变量的值不会丢失。字符串可以使用单引号或者双引号,在函数外声明的变量时全局变量（网页中所有的脚本和函数都能访问它），在函数内部声明的变量时局部变量，局部变量在函数运行后就被删除，全局变量会在网页关闭的时候才被删除。当你赋值给一个未声明的变量时，该变量将被自动作为全局变量声明。我们可以使用let来声明块范围的局部变量。用const声明一个只读的有名字的常量，它必须被初始化为某个值，它不可通过赋值改变其值。

JavaScript只有一种数字类型，数字可以带小数点，也可不带。
数组的创建：

var name=new Array();name[0]="Tom";name[1]="Jerry"；

对象是由花括号分隔，括号内对象的名称和值以键值对的形式定义

var person={name:"Tom",age:25};

取出对象属性的值：：

var name=person.name;
var name=person["name"]

JavaScript的对象就是拥有属性和方法的数据。了解过java对象的就不难理解。

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。JavaScript的函数声明使用关键字function，必须要小写。

function functionName()
{
要执行的代码块
}

带有返回值的函数通过return来实现。

function myFunction()
{
    var x=10;
    return x;
}   

JavaScript**运算符**

算术运算符
        + 加
        - 减
        * 乘
        / 除
        % 取余
        ++ 累加
        -- 递减
赋值运算符
        = 赋值
        += -= *= /= %=
比较运算符
        == 等于
        ===全等
        ！=不等
        >大于
        <小于
        >=大于等于
        <=小于等于
逻辑运算符
        &&  and 且
        ||  or  或
        ！  not  非

JavaScript 中条件语句：
if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if…else if….else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行

Switch语句

        switch(n)
        {
        case 1:
            执行代码块 1
         break;
        case 2:
          执行代码块 2
          break;
        default:
          n 与 case 1 和 case 2 不同时执行的代码
        }

for循环

    for (语句 1; 语句 2; 语句 3)
    {
         被执行的代码块
     }

for/in循环遍历对象的属性

    var person={name:"Tom",age:25}
    for(x in person){
        person[x];
    }

while循环

    while (条件)
    {
    需要执行的代
    }

do/while循环

        do
      {
      需要执行的代码
      }
        while (条件);

JavaScript的数据验证

    必填验证


    function validate_required(field,alerttxt)
    {
    with (field)
    {
    if (value==null||value=="")
      {alert(alerttxt);return false}
    else {return true}
        }
    }

    邮箱验证
    function validate_email(field,alerttxt)
    {
    with (field)
    {
    apos=value.indexOf("@")
    dotpos=value.lastIndexOf(".")
    if (apos<1||dotpos-apos<2) 
      {alert(alerttxt);return false}
    else {return true}
    }
    }