HTML5学习（三）—2

来源：互联网发布：java string split n 编辑：程序博客网时间：2024/05/29 19:41

五、字符串型（Strings）
可以用双引号或单引号来定义string值，例如：

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var firstString = "This is a string";var secondString = 'And so is this';</script></body></html>

例子3.7
六、布尔型（Booleans）
boolean类型有2个值：true和false。这种类型在条件声明语句中会很实用。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var firstBool = true;var secondBool = false;</script></body></html>

例子3.8
七、数字类型（Numbers）
number类型用来代表整数（integer）和浮点数（loating-point）。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var daysInWeek = 7;var pi = 3.14;var hexValue = 0xFFFF;</script></body></html>

例子3.9
你不必指明所使用的数字属于哪种类型，而只需要表达出你想要的值就可以了，JavaScript会做相应的处理。例子中定义了一个整数和一个浮点数，还有一个前缀为0x的十六进制数。
创建对象（Objects）。JavaScript支持对象（Objects）这个概念。你可以用不同方式来创建他们。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var myData = new Object();myData.name = "Adam";myData.weather = "sunny";document.writeln("Hello " + myData.name + ". ");document.writeln("Today is " + myData.weather + ".");</script></body></html>

例子3.10
例子3.10中通过调用new Object()，创建一个对象。并将结果赋给一个变量myData。在对象创建完成后，通过赋值来直接定义对象上的属性。如：
myData.name = "Adam"；

在这个声明语句之前，对象上并没有name这个属性。在此声明语句执行之后，这个属性才存在并被赋值Adam。通过使用圆点绑定变量名称和属性名称的方式来读取属性值，如：

document.writeln("Hello " + myData.name + ". ")；

八、对象文义（Object Literals）
可以通过对象文义（object literal）的形式，一并定义对象及其属性。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var myData = {name: "Adam",weather: "sunny"};document.writeln("Hello " + myData.name + ". ");document.writeln("Today is " + myData.weather + ".");</script></body></html>

例子3.11

对象中定义的属性和属性值之间用冒号（:）分隔；属性和属性之间用逗号（,）分隔。

九、函数用作方法
就像给一个对象添加属性一样，也可以给一个对象添加函数。属于一个对象的函数被称作方法（method）。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var myData = {name: "Adam",weather: "sunny",printMessages: function() {document.writeln("Hello " + this.name + ". ");document.writeln("Today is " + this.weather + ".");}};myData.printMessages();</script></body></html>

例子3.12
例子3.12中，使用一个函数来创建一个方法叫printMessages。注意，为了引用对象所定义的属性，在此使用关键词this。当一个函数用作方法的时候，通过变量this，函数以参数形式被隐式的传递给一个调用此方法的对象。
十、读取和改变属性值
处理一个对象，最显而易见的事情就是读取和改变这个对象所定义的属性的值。有两种不同的语法：<!DOCTYPE HTML>

<html><head><title>Example</title></head><body><script type="text/javascript">var myData = {name: "Adam",weather: "sunny",};myData.name = "Joe";myData["weather"] = "raining";document.writeln("Hello " + myData.name + ".");document.writeln("It is " + myData["weather"]);</script></body></html>

例子3.13
第一种方法使较为常见的，用句点（.）符号，把对象名称和属性名称连接起来，如：myData.name = "Joe";第二种方式是数组样式索引（array-style index）：myData["weather"] = "raining";这种方式是指定你想要的属性名称，并用方括号（[ ]）包围。这是访问属性的一种有效方法，因为你可以用一个变量来传递属性，如：

var myData = {name: "Adam",weather: "sunny",};var propName = "weather";myData[propName] = "raining";

十一、列举对象上的属性
通过for...in语句来列举一个对象上的属性。

<!DOCTYPE HTML><html><head><title>Example</title></head><body><script type="text/javascript">var myData = {name: "Adam",weather: "sunny",printMessages: function() {document.writeln("Hello " + this.name + ". ");document.writeln("Today is " + this.weather + ".");}};for (var prop in myData) {document.writeln("Name: " + prop + " Value: " + myData[prop]);}</script></body></html>

例子3.14
myData对象中的每个属性，其声明语句由代码块中的for...in循环来执行。在每次迭代中，变量prop被赋予正被处理的属性名称。这里用的是数组样式索引。执行结果中，作为方法而被定义的函数也被列举出来，因为方法也属于对象上的一个属性。

0 0