JavaScript的理解及作用

• JavaScript 被设计用来向 HTML 页面添加交互行为。
• JavaScript 是一种脚本语言（脚本语言是一种轻量级的编程语言）。
• JavaScript 由数行可执行计算机代码组成。
• JavaScript 通常被直接嵌入 HTML 页面。
• JavaScript 是一种解释性语言（就是说，代码执行不进行预编译）。
• 所有的人无需购买许可证均可使用 JavaScript。
• 区分大小写
• 每行结尾的分号可有可无（建议写上）
  

类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面：document.write("<h1>" + name + "</h1>")

JavaScript 可以对事件作出响应：

            可以将 JavaScript 设置为当某事件发生时才会被执行，例如页面载入完成或者当用户点击某个 HTML 元素时。

JavaScript 可以读写 HTML 元素：

JavaScript 可以读取及改变 HTML 元素的内容。

JavaScript 可被用来验证数据：

在数据被提交到服务器之前，JavaScript 可被用来验证这些数据。

JavaScript 可被用来检测访问者的浏览器：

JavaScript 可被用来检测访问者的浏览器，并根据所检测到的浏览器，为这个浏览器载入相应的页面。

JavaScript 可被用来创建 cookies：

JavaScript 可被用来存储和取回位于访问者的计算机中的信息。

JavaScript的注册部分

ECMAScript：它是JavaScript的核心，包含（基本语法、变量、关键字、保留字、数据类型、语句、函数等等）

              DOM：文档对象模型，包含（整个html页面的内容）

              BOM：浏览器对象模型，包含（整个浏览器相关的内容）

JavaScript的实现

HTML 的<script type="text/javascript">.... </script> 标签用于把 JavaScript 插入 HTML 页面当

JavaScript语句的放置

1.位于 head 部分的脚本（一般放在此）

2.位于 body 部分的脚本

3.外部 JavaScript（创建.js文件），需要通过下面的方式引入：<script src="xxx.js">....</script>


    注意：外部文件不能包含 <script> 标签。

通常要在每行语句的结尾加上一个分号。

<script type="text/javascript">

      //此处为JavaScript代码

</script>

JavaScript 注释（与java类似）

单行的注释以 // 开始。

多行注释以 /* 开头，以 */ 结尾。

JavaScript 变量

JavaScript 变量名称的规则：

• 变量对大小写敏感（y 和 Y 是两个不同的变量）
• 变量必须以字母或下划线开始

注释：由于 JavaScript 对大小写敏感，变量名也对大小写敏感。

通过 var 语句来声明 JavaScript 变量（js变量的声明只能用var）：

变量名在 = 符号的左边，而需要向变量赋的值在 = 的右侧。

var x;       var carname="Volvo";

在函数内变量未被声明则为全局变量

JavaScript 数据类型

JavaScript的消息框（都是以弹出窗口的形式显示）

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

2.confirm("文本")  确认框

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

3.prompt("文本","默认值"） 提示框

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

JavaScript 的输出框

1.alert("文本")   警告框

2.document.write("文本") 直接向浏览器中写入内容

3.document.getElementById（id）.innerHTML="文本"  向页面指定位置写入内容

JavaScript 函数

将脚本编写为函数，就可以避免页面载入时执行该脚本。

函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。

你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的 .js 文件，那么甚至可以从其他的页面中调用）。

        代码．．．

        }

注意：无参数的函数必须在其函数名后加括号

     　代码．．．

  　　}

注意：别忘记 JavaScript 中大小写字母的重要性。"function" 这个词必须是小写的，否则 JavaScript 就会出错。另外需要注意的是，必须使用大小写完全相同的函数名来调用函数。

return 语句

return 语句用来规定从函数返回的值。

因此，需要返回某个值的函数必须使用这个 return 语句。

function prod(a,b){

       x=a*breturn x；

       }

JavaScript 循环

for

将一段代码循环执行指定的次数

while

当指定的条件为 true 时循环执行代码

JavaScript For...In 声明

For...In 声明用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

JavaScript 事件（常用）

网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。

事件举例：

• 鼠标点击
• 页面或图像载入
• 鼠标悬浮于页面的某个热点之上
• 在表单中选取输入框
• 确认表单
• 键盘按键

注意：事件通常与函数配合使用，当事件发生时函数才会执行。

onload事件用于body标签控制整个页面

b.表单元素事件,在表单元素中才有效
    onchange     框内容改变时
    onsubmit     点击提交按钮时
    onreset     重新点击鼠标按键时
    onselect     文本被选择时
    onblur      元素失去焦点时
    onfocus     当元素获取焦点时

c.键盘事件,在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onkeydown    按下键盘按键时
    onkeypress    按下或按住键盘按键时
    onkeyup     放开键盘按键时

d.在base,bdo,br,frame,frameset,head,html,iframe,meta,param,script,style,title元素里都无效
    onclick     鼠标点击一个对象时
    ondblclick    鼠标双击一个对象时
    onmousedown 鼠标被按下时
    onmousemove 鼠标被移动时
    onmouseout    鼠标离开元素时
    onmouseover 鼠标经过元素时
    onmouseup    释放鼠标按键时

e.其他
    onresize     当窗口或框架被重新定义尺寸时
    onabort     图片下载被打断时
    onerror     当加载文档或图片时发生错误时

自定义对象:有初始化对象和定义构造函数的对象两种方法
a：初始化对象
例如： 对象={属性1:值1;属性2:值2;......属性n:值n} 注意:每个属性/值对之间用分号隔开；

b： 定义构造函数的对象
例如:
function 函数名(属性1, 属性2,......属性N){
this.属性1=属性值1;
this.属性2=属性值2;
this.属性n=属性值n;

this.方法名1=函数名1;
this.方法名2=函数名2;
}

注意：方法名和函数名可以同名,但是在方法调用函数前,函数必须已经定义好,否则会出错为自定义的函数创建新的实例一样是使用 new 语句。

onfocus/onblur 聚焦离焦事件表单校验比较合适

0nclick/ondblclick 鼠标单击或双击事件

Onkeydown/onkeypress 搜索引擎使用较多（键盘某个键被按下或按住）

Onload 页面加载事件（整个页面），所有的其它操作（匿名方式）都可以放到这个绑定函数里面去

Onmouseover/onmouseout/onmousemove 购物网站商品详细信息

Onsubmit 表单提交事件，有返回值，控制表单是否提交。onsubmit="return checkFrom()

Onreset 重置按钮被点击

Onchange 当用户改变内容的时候使用这个事件（二级联动）