第4章JavaScript语言基础.pptVIP

第4章 JavaScript语言基础 第4章 JavaScript语言基础 本章主要内容包括： 4.1 JavaScript 简 介 4.2 JavaScript 函 数 4.3 JavaScript事件 4.4 JavaScript对象化编程 4.5 访问文档对象 4.6 用VS2008编辑与调试JavaScript 4.7 JavaScript实例 4.1 JavaScript 简 介 4.1.1 将JavaScript插入网页 使用script标签在网页中插入JavaScript代码，插入方法如下： script type=text/JavaScript language=javascript document.write(我是菜鸟我怕谁!); /script language=“javascript”表示使用JavaScript脚本语言 document.write用来输出内容 4.1.2 插入JavaScript的位置 JavaScript脚本在网页中的位置： （1）放在body标记里的脚本在网页读取到该语句时就会执行。 （2）放在head标记里的脚本在被调用时才会执行。通常是在script.../script中定义函数，通过调用函数来执行该脚本。 （3）可以添加外部脚本文件，其后缀通常为.js，添加方法如下： script src=scripts.js/script 4.1.3 JavaScript语句 在JavaScript中，一行的结束就被认定为语句的结束。最好还是在结尾加上一个英文半角分号“;”，示例如下： script type=text/javascript { document.write(h1This is a header/h1); document.write(pThis is a paragraph/p); } /script 4.1.4 JavaScript注释 1．单行注释 插入单行注释的符号是：“//”。 2．多行注释 多行注释以“/*”开始，以“*/”结束。 3．HTML注释标记 !-- --是HTML注释标记，对于!-- --标记中符合JavaScript语法规则的内容仍然会执行，否则会被注释掉，示例如下： script language=JavaScript /*简单的例子 说明三种注释的使用 */ !-- 对于老版本的IE代码被注释 alert(哈罗!); //Alert()方法以对话框方式显示信息 -- /script 4.1.5 JavaScript弹出框 1．警告（alert） alert()的方法以对话框显示信息，并有一个“确定”按钮。 2．确认（confirm） 确认框用于作出选择：“是”或“不是”。 confirm( ) 有两种取值：true或false。例： script type=text/JavaScript var r=confirm(你是学生吗); if (r==true) { document.write(是); } else { document.write(不是); } /script 3．提问（prompt） prompt和confirm类似，不过它允许访客输入回答内容，例： script language=JavaScript var name=prompt(请输入你的姓名：, ) document.write(欢迎你！,+name) /script prompt( ) 可以给出初始值，格式如下： prompt(提示信息,初值) 4.2 JavaScript 函 数 4.2.1 定义函数 定义函数的格式如下： function 函数名() { 函数代码; } 编写两数相加的简单函数，函数的名字为add，如下： function add() { sum = 1 + 1; alert(sum); } 4.2.2 函数的调用 可以通过多种方法调用函数，最简单的函数调用方式：按钮的单击事件。 通过button按钮的鼠标单击事件onclick调用add()函数，代码如右边： 4.3 JavaScript事件 JavaScript有很多事件，例如：鼠标单击、移动，网页的载入和关闭。 4.3.1 单击事件 4.3.