文档介绍：《JavaScript及网页特效制作》第一章
JavaScript基本语法
2
预习检查
大家已学HTML,为什么要学习JavaScript?
如何编写JavaScript程序?
JavaScript与Java基本语法的异同?
3
本章任务
制作淘宝网购物
简易计算器页面
4
掌握脚本的基本结构(Script标签)
简单记忆基本语法
变量的定义与赋值
数据类型与转换parseFloat等
运算符和控制语句同Java
灵活运用高级语法-自定义函数function
本章目标
5
请说说input元素的TYPE属性有哪些值
回顾HTML与CSS-1
常用的HTML标签有哪些?
文档结构
<html>
<head></head>
<body></body>
</ html >
页头
<head>
<title></title>
<meta />
<base />
<style></style>
</head>
body正文中常见标记
a img
h1 p hr br
ul ol li
表格
<table>
<tr>
<td></td>
</tr>
</table>
表单
<form>
<input />
<select></select>
<textarea></textarea>
</form>
框架集与框架
<frameset>
<frame>
<frame>
</frameset>
<input type=“?” name=“” id=“” size=“” maxlength=“” value=“” checked=“” src=“” onclick=“”>
Type=“”
text password radio checkbox submit reset button image
file hidden
6
回顾HTML与CSS-2
请简述样式规则的构成与几种选择器的作用.
请列举常用的CSS属性
样式规则:
选择器名称{CSS属性名称:属性值; 名:值; ……}
选择器:
标记选择器
类选择器
ID选择器
锚伪类选择器
上下文选择器
CSS属性
font-size font-weight font-style color
text-align line-height
border-style border-width border-color
background-color background-image
margin padding
7
为什么要学JavaScript
表单验证
页面动态效果
演示示例2:层的切换和树形菜单等
演示示例1:注册表单验证
8
什么是JavaScript
<HTML>
<HEAD>
<TITLE>脚本的基本结构</TITLE>
<SCRIPT language="javascript">
var count=0;
("淘宝网欢迎您!");
for(i=0;i<5;i++)
("<H2>淘宝网欢迎您!</H2>");
</SCRIPT>
</HEAD>
<BODY>
<H1> BODY部分的内容</H1>
</BODY>
</HTML>
如何使用JavaScript实现此部分内容?
查看完整源代码
9
什么是JavaScript
脚本的执行原理
应用
服务器
IE
IE
解析HTML标签和JavaScript脚本
从服务器端下载含JavaScript的页面
返回响应
客户端请求含JS的页面
发送请求
1
用户输入
2
3
10
JavaScript的基本语法
<HTML>
<HEAD>
<TITLE>脚本的基本结构</TITLE>
<SCRIPT language="javascript">
var count=0;
("淘宝网欢迎您!");
for(i=0;i<5;i++)
("<H2>淘宝网欢迎您!</H2>");
</SCRIPT>
</HEAD>
<BODY>
<H1> BODY部分的内容</H1>
</BODY>
</HTML>
大家想想上面JavaScript代码与我们学过的Java、C#语言有相似的地方吗?