js教程(详细)课件.ppt

JS教程 ——刘晓 JS教程——目录（1） JS 介绍 JS 怎样使用 JS 在哪使用 JS 变量 JS 条件语句 JS 操作符 JS 弹出框 JS 函数 JS 循环 JS For...In JS 事件 JS教程——目录（2） JS 捕捉错误 JS 特殊字符 JS Guidelines JS 对象介绍 JS 字符串 JS Date JS Array JS Boolean JS Math JS教程——目录（3） JS HTML DOM JS Browser JS Cookies JS 校验 JS 动画 JS Image Maps JS Timing JS 建立对象 JS 介绍 JS（JavaScript的缩写）是WEB脚本语言。JavaScript在成千上万的WEB页中用来增加设计效果，校验表单，辨别浏览器，建立cookies等等。 JavaScript是互联网上最被广泛应用的脚本语言，适用于IE，Mozilla，Firefox，Netscape，Opera等众多主流浏览器。  JS 怎样使用 如何在HTML页面中插入JavaScript？ 我们通过 script 标签在HMTL页面中插入JavaScript（同时我们也可以使用 type 属性来定义所要插入的脚本语言）。script type=“text/javascript”和/script分别标记了JavaScript代码的开始和结束。 格式如下： htmlbodyscript type=“text/javascript”.../script/body/html JS 怎样使用——实例 Example： htmlbodyscript type=text/javascriptdocument.write(Hello World!)/script/body/html JS 怎样使用 用分号来终止语句？ 与C++和Java语言一样，JavaScript也是使用分号来结束一条语句。 许多的程序员在写JavaScript时都有使用分号来结束语句的习惯，但一般情况下分号只当你需要在同一行写入多条语句时才必须使用。 JS 怎样使用 如何操作较老版本的浏览器？ 不支持JavaScript的浏览器将把其当作页面文本输出。为避免这种情况，我们可以使用HTML注释标签： script type=“text/javascript” !--document.write(“Hello World!”)//--/script 在注释标签结束符前的两斜杆（//）是JavaScript命令的标记。它表示JavaScript语句的结束。 JS 在哪使用 Head部分 将脚本中的函数插入head部分，这样就可以确保函数在被调用前已经加载完成。 Body部分 Body部分中的脚本将在页面加载到时被执行。在页面中插入脚本，脚本将伴随页面一起加载。 外部脚本 调入外部脚本。将JavaScript写在一个外部文件中，并将其保存为一个以.js为扩展名的外部 JavaScript 文件。 JS 在哪使用——head 在head部分中的脚本： htmlheadscript type=text/javascript..../script /head JS 在哪使用——body body部分的脚本： htmlhead/headbodyscript type=text/javascript..../script /body JS 在哪使用——body和head 位于 body 和 head 部分的脚本： htmlheadscript type=text/javascript..../script /head body script type=text/javascript..../script /body JS 在哪使用——外部的脚本 外部的JavaScript htmlheadscript src=xxx.js/script /head body /body /html JS 变量 变量定义 声明变量 给变量指定值 变量的寿命（有效时间和范围） JS 变量——变量 变量是你想要存储数据的“容器”。变量的值可以在脚本中改变。你可以调用变量的名称来看看它的值或是改变它的值。 变量名称规则： 区分大小写的。 开始部分必须为一个字母或是下划线。 重点注意！JS是区分大小写的！ JS 变量——声明变量 你可以通过的var声明来建立一个变量： var strna