文档介绍：第11章 JavaScript
教学要求
深入理解JS和DOM对象(属性和方法)
了解JavaScript基本语法
能利用JavaScript编写简单脚本
教学内容
JavaScript概念
JavaScript语言基础
综合实例
Dreamweaver8中JavaScript的操作
认识JavaScript
<html>
<head>
<script type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) {
(theURL,winName,features);
}
//-->
</script>
</head>
<body>
<p><img src="pic/" width="100" height="76" onclick="MM_openBrWindow('pic/','newwin','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=300,height=200')" /></p>
</body>
</html>
JavaScript实例2
<html>
<head>
<title>第一个JavaScript小程序</title>
</head>
<body>
这是HTML输出的文字。<br>
<Script Language ="JavaScript">
<!--
//以下由JavaScript向页面中输出文字.
("这是JavaScript输入的文字!<br>");
alert("欢迎进行JavaScript世界!");
//-->
</Script>
这又是HTML输出的文字了。
</body>
</Html> 运行效果
JavaScript概述
由Netscape公司开发,前身LiveScript;
描述性,可用任何文本编辑工具编辑。
解释性,源代码不需编译,在客户端由浏览器解释执行。
基于对象,自身有众多内建对象,还允许自定义对象。许多功能都来自于这些对象的方法。
简单性,基于Java,但采用弱变量,设计简单紧凑。
事件驱动。
动态性,可直接对客户的输入做出响应,一方面减少了网络间数据的传送,另一方面加快了执行速度。
安全性,不允许访问本地硬盘,不能将数据存入服务器,不允许对网络文档修改和删除,能有效防止数据丢失。
跨平台性,依赖于浏览器本身,与操作环境无关。
JavaScript的调用
将JS程序以文件形式单独存放,扩展名为“.js”;
通过<Script language=“JavaScript” src=“?”>语句调用
将JS代码嵌入到网页中;
代码在<Script language="JavaScript">和</Script>标记间
将JS代码内嵌到HTML代码中。
<input type=“button” onclick=“alert(‘这是按钮测试’)”>
JavaScript语言基础
数据类型
表达式和运算符
程序流程控制
函数
事件
对象
JavaScript系统函数
数组
数据类型
基本数据类型:
数值型
字符串型
布尔型
空值
常量
整型常量
实型常量
布尔常量
字符常量
空值
特殊字符
变量
数据类型
基本数据类型
数值型:可以是整数或实数。
字符串型:指用“”号或‘’括起来的字符或数字。
布尔型:值为True或False的变量或表达式。
空值:没有被赋值或被指定数据类型的变量。
JS采用弱类型定义,一个变量或常量的数据类型可不必先声明,在使用或赋值时自动确定。
数据类型
常量
常量数据在程序运行过程中不能被随意改变。
整型常量:可用10进制、16进制和8进制表示,如10进制的17可用16进制表示为0x11,用8进制表示为021(前面的符号是数字零)。
实型常量:指带有小数的数值,,可以使用科学记数法,。
布尔常量:它只有两种状态:True或False。
字符常量:使用" "号或’’括起来的字符或数字,如"JavaScript"、’123’。
空值:返回“Null”值。
特殊字符:以反斜杠(\)开头的转义或控制字符。