JavaScript笔记

JavaScript能做什么

JavaScript：直接写入 HTML 输出流

document.write("<h1>这是一个标题</h1>");

JavaScript：对事件的反应

<button type="button" οnclick="alert('欢迎!')">点我!</button>

JavaScript：改变 HTML 内容

x=document.getElementById("demo")  //查找元素
x.innerHTML="Hello JavaScript";    //改变内容

JavaScript：改变 HTML 图像

function changeImage()
{
	element=document.getElementById('myimage')
	if (element.src.match("bulbon"))
 	{
  		element.src="/images/pic_bulboff.gif";
  	}
	else
   {
  		element.src="/images/pic_bulbon.gif";
   }
}

JavaScript：改变 HTML 样式

x=document.getElementById("demo")  //找到元素 
x.style.color="#ff0000";           //改变样式

JavaScript：验证输入

if isNaN(x) {alert("不是数字")};

JavaScript 显示数据

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。（如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖）
• 使用 innerHTML 写入到 HTML 元素。

• 使用 console.log() 写入到浏览器的控制台。

您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示：

document.write("你好 \
世界!");

JavaScript 数据类型

字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。

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

JavaScript 数组：

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

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

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

JavaScript 对象：

var person={firstname:"John", lastname:"Doe", id:5566};

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

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

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

var carname=new String;

声明变量类型：

var carname=new String;

你可以使用以下语法创建对象方法：methodName : function() { code lines }

如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。即使它在函数内执行。

在 JavaScript 中, 对象和函数同样也是变量。

JavaScript 对象是拥有属性和方法的数据。

可以使用多种方法来执行 JavaScript 事件代码：

• HTML 事件属性可以直接执行 JavaScript 代码
• HTML 事件属性可以调用 JavaScript 函数
• 你可以为 HTML 元素指定自己的事件处理程序
• 你可以阻止事件的发生。
• 等等 ...

JavaScript 字符串

你可以使用索引位置来访问字符串中的每个字符：var character = carname[7];

你可以在字符串中使用引号，字符串中的引号不要与字符串的引号相同:var answer = 'He is called "Johnny"';

你也可以在字符串添加转义字符来使用引号：var y = "He is called \"Johnny\"";