JavaScript的语句、注释、变量、数组及对象的创建访问 7.11

今天继续学习JavaScript，该笔记主要记录JavaScript的语句、注释、变量、数组、数据类型及对象的创建对对象属性和方法的访问。

改变HTML样式：
改变 HTML 元素的样式，属于改变 HTML 属性的变种。

x=document.getElementById("demo")  //找到元素
x.style.color="#ff0000";           //改变样式
x.style.fontSize="14px";//fontSize与font-size 要注意区分。

JavaScript验证：

常用于验证信息是否正确。

<button type="button" onclick="pdNaN()">判断isNaN</button>

//判断是否是数字(NaN)
function pdNaN()
{
var x = 2.3,pi = 3.14,res = x + pi;
//var pi;
//pi = 3.14;
//var res = x + pi;
alert(isNaN(x));//false
alert(isNaN(pi));//false
alert(isNaN(res));//false
var a = 0;
alert(a = 2);//2
alert(2 == "2");//ture
alert(2 === "2");//false
alert(parseInt("2")+2);//4
}

<script> 标签：

浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。
JavaScript是脚本语言，浏览器会在读取代码时，逐行的执行脚本代码。

外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。

如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件

注意：外部脚本不能包含 <script> 标签。

JavaScript语句：

JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

代码块：

JavaScript 语句通过代码块的形式进行组合。

块由左花括号开始，由右花括号结束。

块的作用是使语句序列一起执行。

JavaScript 函数是将语句组合在块中的典型例子。

eg.

对代码行进行折行：

可以在文本字符串中使用反斜杠对代码行进行换行。

eg.

正确：

document.write("Hello \
World!");

错误：

document.write \
("Hello World!");

注意：JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

JavaScript 对大小写是敏感的。

函数 getElementById 与 getElementbyID 是不同的。

同样，变量 myVariable 与 MyVariable 也是不同的。

JavaScript注释：

JavaScript 不会执行注释。我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

注释的作用：注释用于阻止其中一条代码行的执行（可用于调试），注释用于阻止代码块的执行（可用于调试）。

注释类型：

1.单行注释以 // 开头。

eg.

// 输出标题：
document.getElementById("myH1").innerHTML="Welcome to my Homepage";

2.多行注释以 /* 开始，以 */ 结尾。

eg.

/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";

3.行末注释：把注释放到代码行的结尾处

eg.

var x=5;    // 声明 x 并把 5 赋值给它
var y=x+2;  // 声明 y 并把 x+2 赋值给它

JavaScript变量：

变量是存储信息的容器。

变量规则及注意：

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

声明变量：

在 JavaScript 中创建变量通常称为“声明”变量。我们使用 var 关键词来声明变量

eg.

var pi;
pi = 3.14;//先声明，在赋值

var x = 2.3;//声明并赋值

var res = x + pi;//声明，用变量赋值

一条语句，多个变量：

var name="Gates", age=56, job="CEO";

var name="Gates",
age=56,
job="CEO";//声明也可横跨多行

无值变量：
var carname;
在计算机程序中，经常会声明无值的变量。未使用值来声明的变量，其值实际上是 undefined。
在执行语句后，变量 carname 的值将是 undefined

局部 JavaScript 变量：
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
全局 JavaScript 变量：
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JavaScript数据类型：

字符串、数字、布尔、数组、对象、Null、Undefined

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

eg.

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

JavaScript字符串：

字符串：字符串是存储字符（比如 "Bill Gates"）的变量。字符串可以是引号中的任意文本。您可以使用单引号或双引号

JavaScript 数字
JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：

eg.

var x1=34.00;      //使用小数点来写
var x2=34;         //不使用小数点来写

声明变量类型:
声明新变量时，可以使用关键词 "new" 来声明其类型。JavaScript 变量均为对象。声明一个变量时，就创建了一个新的对象。

eg.

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

JavaScript对象：

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。对象是拥有属性和方法的数据。

对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。声明对象可横跨多行：

var person={
name : "Bill",
sex  : "男",
id        :  5566
};

或者：

person=new Object();
person.name="Bill";
person.sex="男";
person.age=56;
person.eyecolor="blue";

访问对象的属性：

eg.

访问对象的方法：

这个例子使用 String 对象的 toUpperCase() 方法来把文本转换为大写。

eg.

var message="Hello world!";

var x=message.toUpperCase();

var big =message.toUpperCase();

alert(big);

JavaScript数组：

数组下标是基于零的，所以第一个项目是 [0]，第二个是 [1]，以此类推。

声明数组进行赋值并循环输出这些值：

var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}