初识javascript

javascript是一种客户端的脚本直译式程序语言。用于HTML网页制作，主要是增强HTML网页增加动态效果。

javascript架构

基本架构

上述均为小写，使用方式可以避免浏览器不能识别js导致网页破坏

type属性用来指定MIME类型，目的是告诉浏览器目前使用的是那种script语音。

script编写的位置

javascript 程序代码的位置可以放在HTML的标记中，也可以放在标记中。

放在标记中：

例如：打开网页就会显示“欢迎光临”

   

   

   

javascript不难吧

放在标记中：

   

   

javascript不难吧

可以发现浏览器先执行了

之后再执行js欢迎光临

javascript对象与函数

javascript和HTML的整合是通过事件处理过程完成的，也就是先对对象设置事件的函数，当事件发生时，指定的函数就会被执行，每个对象都拥有属于自己的事件、方法、以及属性。

javascript对象

javascript是基于对象的语言，其对于对象的处理属于阶梯式的架构，这个阶梯以windows为顶层，windows内还包含许多其他对象，如框架（frame）、文档（document）等，文档中可能还有图片（image）、表单（form）、按钮（button）等。

只要通过id、name属性或者forms[]、images[]等对象集合就能获取对象，并使用各自的属性

例：在网页上显示 “js还好吧”，网页本身对象是document，它是windows的下层，写为：

但是javascript程序代码和对象在同一页，所以windows可以省略不写，因此我们经常看到：windows不写

属性

属性的表示方法如下：

对象名称.属性

例如：

document.bgColor

bgColor是document的属性，程序语句是指背景颜色。如果要设置背景颜色可以使用“=”来指定

document.bgColor = "yellow"

函数

简单说，函数是编写一段程序，可以被不同对象、事件重复调用。使用函数最重要的是定义函数方法与输入变量，以及返回结果。

1.定义函数

2.调用函数

定义函数：

函数编写完毕，我们可以调用函数，并根据情况输入变量：

例：

完整事例：

   

   

请单纯下面链接

a+b

此事例使用的是onclick事件

javascript 事件

你在网上的一举一动javascript都可以检测到，这种举动在javascript中称为“事件”。

“事件”是由用户的操作或系统所发出的信号。举例说，当用户单机鼠标键、提交表单、或者当浏览器加载网页时，这些操作就会产生特定的事件，因此可以使用特定的程序来处理此事件。这种工作模式叫事件处理。而负责处理事件的过程就称为事件处理过程。

事件处理过程                    含义

onClick                                鼠标单击对象时

onMouseOver                     鼠标经过对象时

onMouseOut                       鼠标离开对象时

onLoad                                网页加载时

onUnload                            离开网页时

onError                                加载发生错误时

onAbort                               停止加载图像时

onFocus                              窗口或表单组件取得焦点时

onBlur                                 窗口或表单组件失去焦点时

onSelect                              选择表单组件内容时

onChange                           改变字段的数据时

onReset                              重置表单时

onSubmit                            提交表单时

顶顶顶