java-script学习笔记优质精品文档.docxVIP

PAGE1/NUMPAGES54

一、JavaScript简介

JavaScript是属于网络的脚本语言！

JavaScript被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。

JavaScript是因特网上最流行的脚本语言。

JavaScript很容易使用！你一定会喜欢它的！

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

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

JavaScript是脚本语言

JavaScript是一种轻量级的编程语言。

JavaScript是可插入HTML页面的编程代码。

JavaScript插入HTML页面后，可由所有的现代浏览器执行。

JavaScript很容易学习。

您将学到什么

下面是您将在本教程中学到的主要内容。

1、JavaScript：写入HTML输出

实例

document.write(h1Thisisaheading/h1);

document.write(pThisisaparagraph/p);

亲自试一试

代码：

!DOCTYPEhtml

html

body

p

JavaScript能够直接写入HTML输出流中：

/p

script

document.write(h1Thisisaheading/h1);

document.write(pThisisaparagraph./p);

/script

p

您只能在HTML输出流中使用strongdocument.write/strong。

如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。

/p

/body

/html

结果：（如图）

提示：您只能在HTML输出中使用document.write。如果您在文档加载后使用该方法，会覆盖整个文档。

2、JavaScript：对事件作出反应

实例

buttontype=buttononclick=alert(Welcome!)点击这里/button

亲自试一试

代码：

!DOCTYPEhtml

html

body

h1我的第一段JavaScript/h1

p

JavaScript能够对事件作出反应。比如对按钮的点击：

/p

buttontype=buttononclick=alert(Welcome!)点击这里/button

/body

/html

结果：

alert()函数在JavaScript中并不常用，但它对于代码测试非常方便。

onclick事件只是您即将在本教程中学到的众多事件之一。

3、JavaScript：改变HTML内容

使用JavaScript来处理HTML内容是非常强大的功能。

实例

x=document.getElementById(demo)//查找元素

x.innerHTML=HelloJavaScript;//改变内容

亲自试一试

代码：

!DOCTYPEhtml

html

body

h1我的第一段JavaScript/h1

pid=demo

JavaScript能改变HTML元素的内容。

/p

script

functionmyFunction(){

x=document.getElementById(demo);//找到元素

x.innerHTML=HelloJavaScript!;//改变内容

}

/script

buttontype=buttononclick=myFunction()点击这里/button

/body

/html

您会经常看到document.getElementByID(someid)。这个方法是HTMLDOM中定义的。

DOM（文档对象模型）是用以访问HTML元素的正式W3C标准。

您将在本教程的多个章节中学到有关HTMLDOM的知识。

4、JavaScript：改变HTML图像

本例会动态地改变HTMLimage的来源(src)：

TheLightbulb

点击灯泡就可以打开或关闭这盏灯

亲自试一试

代码：

!DOCTYPEhtml

html

body

script

functionchangeImage(){

element=document.getElementById(myimage)

if(element.src.match(bulbon)){

element.src=/i/eg_bulboff.gif;

}

else{

element.src=/i/eg_bulbo