你的位置:首页 > Java教程

[Java教程]JavaScript的个人学习随手记(一)


JavaScript 简介

 要学习的人可以到W3School  http://www.w3school.com.cn/b.asp

JavaScript 是世界上最流行的编程语言。

这门语言可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

个人感觉JavaScript也是特别类似OC,大部分跟OC语法相同

JavaScript:写入 HTML 输出

实例

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");

 


JavaScript:对事件作出反应

实例

<button type="button" onclick="alert('Welcome!')">点击这里</button>

 


JavaScript 使用

HTML 中的脚本必须位于 <script> 与 </script> 标签之间。

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

 

JavaScript 输出

 

如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

使用 "id" 属性来标识 HTML 元素:

 

 

JavaScript 语句

 

JavaScript 对大小写敏感。

JavaScript 对大小写是敏感的。

当编写 JavaScript 语句时,请留意是否关闭大小写切换键。

函数 getElementById 与 getElementbyID 是不同的。

同样,变量 myVariable 与 MyVariable 也是不同的

 

 

JavaScript 注释

与C语言一致://  /**/

 

JavaScript 变量

与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y)。

变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)
var pi=3.14;var name="Bill Gates";var answer='Yes I am!';

 


JavaScript 数据类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型:

对象属性有两种寻址方式:

实例

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

 


当您声明新变量时,可以使用关键词 "new" 来声明其类型:var carname=new String;
var x=   new Number;var y=   new Boolean;var cars=  new Array;var person= new Object;

 


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

 

JavaScript 对象

访问对象的属性

访问对象属性的语法是:

objectName.propertyName

String 对象的 length 属性来查找字符串的长度

 

String 对象的 toUpperCase() 方法来把文本转换为大写

 

创建 JavaScript 对象

通过 JavaScript,您能够定义并创建自己的对象。

创建新对象有两种不同的方法:

  1. 定义并创建对象的实例
  2. 使用函数来定义对象,然后创建新的对象实例

 

 

创建直接的实例

这个例子创建了对象的一个新实例,并向其添加了四个属性:实例

person=new Object();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";

 


使用对象构造器

本例使用函数来构造对象:

实例

function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;}

 


 

创建 JavaScript 对象实例

一旦您有了对象构造器,就可以创建新的对象实例,就像这样:

var myFather=new person("Bill","Gates",56,"blue");var myMother=new person("Steve","Jobs",48,"green");

 


 

JavaScript 函数

函数就是包裹在花括号中的代码块,前面使用了关键词 function

您可以发送任意多的参数,由逗号 (,) 分隔:

myFunction(argument1,argument2)

当您声明函数时,请把参数作为变量来声明:

function myFunction(var1,var2){这里是要执行的代码}

 


变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。

 

向未声明的 JavaScript 变量来分配值

如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

 

 

 

JavaScript 类

JavaScript 是面向对象的语言,但 JavaScript 不使用类。

在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。

JavaScript 基于 prototype,而不是基于类的。

 

 

 

比较运算符

比较运算符在逻辑语句中使用,以测定变量或值是否相等。其他同C

运算符

描述

例子

===

全等(值和类型)

x===5 为 true;x==="5" 为 false

 

 

For/In 循环 同OC

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

实例

var person={fname:"John",lname:"Doe",age:25}; for (x in person) { txt=txt + person[x]; }


 


break 语句用于跳出循环。

continue 用于跳过循环中的一个迭代。

 

 

JavaScript 错误 - Throw、Try 和 Catch

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

catch 语句处理错误。

throw 语句创建自定义错误。

 

JavaScript 测试和捕捉

try 语句允许我们定义在执行时进行错误测试的代码块。

catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

JavaScript 语句 try 和 catch 是成对出现的

 

Throw 语句

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

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

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

 

try { var x=document.getElementById("demo").value; if(x=="")  throw "empty"; if(isNaN(x)) throw "not a number"; if(x>10)   throw "too high"; if(x<5)   throw "too low"; }catch(err) { var y=document.getElementById("mess"); y.innerHTML="Error: " + err + "."; }

 


 

JavaScript 表单验证   提示框函数

alert(alerttxt)

 更多的属性、函数、方法等,见W3C官网手册