美文网首页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