你的位置:首页 > Java教程

[Java教程]javascript入门学习笔记2


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

实例

var x        // x 为 undefinedvar x = 6;      // x 为数字var x = "Bill";   // x 为字符串


JavaScript 数组

下面的代码创建名为 cars 的数组:

var cars=new Array();cars[0]="Audi";cars[1]="BMW";cars[2]="Volvo";

或者 (condensed array):

var cars=new Array("Audi","BMW","Volvo");

或者 (literal array):

实例

var cars=["Audi","BMW","Volvo"];



对象由花括号分隔。在括号内部,对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔:

var person={firstname:"Bill", lastname:"Gates", id:5566};

上面例子中的对象 (person) 有三个属性:firstname、lastname 以及 id。

空格和折行无关紧要。声明可横跨多行:

 

<!DOCTYPE html><html><body><script>var person={firstname : "Bill",lastname : "Gates",id    : 5566};document.write(person.lastname + "<br />");document.write(person["lastname"] + "<br />");</script></body></html>

结果:

Gates
Gates

 

申明后默认Undefined

Undefined 这个值表示变量不含有值。

可以通过将变量的值设置为 null 来清空变量。

 

声明变量类型

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

var carname=new String;var x=   new Number;var y=   new Boolean;var cars=  new Array;var person= new Object;

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

 

JavaScript 中的几乎所有事务都是对象:字符串、数字、数组、日期、函数,等等。

你也可以创建自己的对象。

本例创建名为 "person" 的对象,并为其添加了四个属性:

<!DOCTYPE html><html><body><script>person=new Object();person.firstname="Bill";person.lastname="Gates";person.age=56;person.eyecolor="blue";document.write(person.firstname + " is " + person.age + " years old.");</script></body></html>


var message="Hello world!";var x=message.toUpperCase();

申明函数,关键词 function 必须是小写的

如果把数字与字符串相加,结果将成为字符串。
给x=5
===全等(值和类型)x===5 为 true;x==="5" 为 false

var time=new Date().getHours();获取当前时间。

var d=new Date().getDay();获取当前星期几(int)(0-6)对应(周日-周6)

 

try-catch

<!DOCTYPE html><html><body><script>function myFunction(){try{ var x=document.getElementById("demo").value;if(x=="")  throw "值为空";if(isNaN(x)) throw "不是数字";if(x>10)   throw "太大";if(x<5)   throw "太小";}catch(err){var y=document.getElementById("mess");y.innerHTML="错误:" + err + "。";}}</script><h1>我的第一个 JavaScript 程序</h1><p>请输入 5 到 10 之间的数字:</p><input id="demo" type="text"><button type="button" onclick="myFunction()">测试输入值</button><p id="mess"></p></body></html>