美文网首页JavaScript
javascript教程(笔记)

javascript教程(笔记)

作者: ancientear | 来源:发表于2017-11-11 21:36 被阅读0次

    1.JavaScript:改变 HTML 内容

    JavaScript 能改变 HTML 元素的内容。

    document.getElementByID("some id")。这个方法是 HTML DOM 中定义的。

    DOM(文档对象模型)是用以访问 HTML 元素的正式 W3C 标准。

    2.原始图片为bulboff,为熄灭。当你click了这个图片,调用changeimage函数,会检索该图片是否有bulbon字段,如果存在字段bolbon,图片src更新为bulboff.jpg,若匹配不到bulbon字段,src则更新为bulbon.jpg

    4.使用 document.write() 仅仅向文档输出写内容。

    如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

    5.

    对代码折行

    6.变量是存储信息的容器。

    var x=2;

    var y=3;

    var z=x+y;

    var x=true;

    var y=false;

    7.

    JavaScript 数组

    8.

    JavaScript 对象

    9.声明变量类型

    声明新变量时,可以使用关键词 "new" 来声明其类型:

    var carname=new String;

    var x=      new Number;

    var y=      new Boolean;

    var cars=  new Array;

    var person= new Object;

    JavaScript 变量均为对象。当您声明一个变量时,就创建了一个新的对象。

    10.JavaScript 中的对象

    在 JavaScript 中,对象是数据(变量),拥有属性和方法。

    当您像这样声明一个 JavaScript 变量时:

    var txt = "Hello";

    您实际上已经创建了一个 JavaScript 字符串对象。字符串对象拥有内建的属性 length。对于上面的字符串来说,length 的值是 5。字符串对象同时拥有若干个内建的方法。

    属性:

    txt.length=5

    方法:

    txt.indexOf()

    txt.replace()

    txt.search()

    11.

    创建 JavaScript 对象

    12.在面向对象的语言中,使用 camel-case 标记法的函数是很常见的。您会经常看到 someMethod() 这样的函数名,而不是 some_method()。

    13.如果把数字与字符串相加,结果将成为字符串。

    14.var time=new Date().getHours();

    var d=new Date().getDay();周几

    15.For/In 循环

    JavaScript for/in 语句循环遍历对象的属性:

    For/In 循环

    16.JavaScript 错误 - Throw、Try 和 Catch

    try语句测试代码块的错误。

    catch语句处理错误。

    throw语句创建自定义错误。

    17.在下面的例子中,故意在 try 块的代码中写了一个错字。

    catch 块会捕捉到 try 块中的错误,并执行代码来处理它。

    JavaScript 测试和捕捉 catch 块会捕捉到 try 块中的错误,并执行代码来处理它。

    18.Throw 语句

    throw 语句允许我们创建自定义错误。

    正确的技术术语是:创建或抛出异常(exception)。

    如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。

    语法

    throwexception

    异常可以是 JavaScript 字符串、数字、逻辑值或对象。

    实例

    本例检测输入变量的值。如果值是错误的,会抛出一个异常(错误)。catch 会捕捉到这个错误,并显示一段自定义的错误消息:

    19.JavaScript 表单验证

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

    被 JavaScript 验证的这些典型的表单数据有:

    用户是否已填写表单中的必填项目?

    用户输入的邮件地址是否合法?

    用户是否已输入合法的日期?

    用户是否在数据域 (numeric field) 中输入了文本?

    下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):


    function validate_required(field,alerttxt)

    {

    with (field)

    {

    if (value==null||value=="")

    {alert(alerttxt);return false}

    else {return true}

    }

    }


    20.连同 HTML 表单的代码:

    21.E-mail 验证

    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}

    }

    }

    连同表单的邮箱验证

    相关文章

      网友评论

        本文标题:javascript教程(笔记)

        本文链接:https://www.haomeiwen.com/subject/kzlgmxtx.html