javascript教程(笔记)

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}

}

}


连同表单的邮箱验证
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 入门 数据类型和变量 数据类型 Number +、-、*、/四则运算,%求余数 String 单引号或双引号包裹 ...
    Zac_Evelynn阅读 1,135评论 0 0
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,803评论 18 399
  • 《ijs》速成开发手册3.0 官方用户交流:iApp开发交流(1) 239547050iApp开发交流(2) 10...
    叶染柒丶阅读 5,389评论 0 7
  • 纵使我此刻倾颓如秋日枯草 我也总要活下去
    TingEva阅读 272评论 1 0
  • 儿子: 今天是2017年3月1日。两天后,就是你29岁的生日。按照预产期,也是这个月,你的孩子将呱呱落地,你...
    查德荣阅读 1,060评论 10 7