JavaScript 脚本编程
武汉大学计算机学院
内容提要
JavaScript概述
词法规则
基本数据类型
运算符和表达式
核心语句
函数
复合数据类型
对象模型
事件处理
2017/6/24
网页设计与制作
2
JavaScript概述
scape和Sun公司联合开发的基于对象和事件驱动的客户端脚本编程语言,通过它与HTML、XML、DOM、CSS、JavaApplet等技术的有机结合,可以开发出具有很强交互性的动态页面。
JavaScript是介于Java与HTML之间,基于对象和事件驱动的编程语言。
2017/6/24
网页设计与制作
3
脚本
服务器端脚本
首先在服务器执行,将得到的结果转换成html流进行输出如asp,php,jsp等
客户端脚本
由服务器下载到客户端的浏览器中,由客户端的浏览器执行
2017/6/24
网页设计与制作
4
动作和事件
动作和事件
动作是由JavaScript和HTML代码组成的,该代码能执行各种特殊任务,如弹出一个信息框、播放一段音乐等。用户可以使用“行为”面板直接向页面中添加动作。
事件是浏览器生成的消息,指示该页的用户执行了某种操作。如果用户预先设置了某个动作,则事件将触发相应的动作发生,如弹出一个信息框等。
2017/6/24
网页设计与制作
5
JavaScript
JavaScript的特点:
JavaScript是一种脚本语言,采用小程序段的方式实现编程,可以直接嵌入HTML文档中。
JavaScript是一种基于对象的语言,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
基于Java基本语句和控制流;没有严格的数据类型。
安全性:只能通过浏览器进行信息浏览或动态交互。
跨平台性:依赖于浏览器本身,与操作环境无关。
2017/6/24
网页设计与制作
6
JavaScript
JavaScript
Java Applet
Netscape
SUN
基于对象
面向对象
浏览器解释执行
编译
弱变量
强变量
文本字符
字节码、独立文档
<script>
<applet>
动态联编
静态联编
2017/6/24
网页设计与制作
7
第一个JavaScript程序
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>实时显示时间</title>
<script type="text/javascript">
<!--
setInterval("showTime( )",1000);
function showTime( ){
var d,s;
d=new Date( );
s=( )+":"+( )+":"+( );
="<h1>当前时间:<font color=blue>"+
s+"</font></h1>";
}
//-->
</script>
</head>
<body>
<div id="timetxt" align="center"></div>
</body>
</html>
2017/6/24
网页设计与制作
8
第一个JavaScript程序
使用JavaScript编写程序的特点:
JavaScript是一种脚本语言,采用小程序段的方式实现编程,可以直接嵌入HTML文档中。
在标识<script type="text/javascript">…</script>之间可以加入JavaScript脚本。
可将<script>…</script>标识放在<head>…</head>或<body>…</body>之间。将JavaScript脚本置于<head>…</head>之间,可使之在主页和其余部分代码之前装载。
JavaScript是一种基于对象的语言,许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
2017/6/24
网页设计与制作
9
第一个JavaScript程序
使用JavaScript编写程序的特点:
对于不支持JavaScript的浏览器,所有在<!--…//-->中的代码均被忽略;对于支持JavaScript的浏览器,则执行<!--…//-->中的代码。
// 是JavaScript的注释标识,其后的信息不被浏览器解释。
2017/6/24
网页设计与制作
10
网页设计之-javascript课件 来自淘豆网m.daumloan.com转载请标明出处.
