JavaScript的基本语法
- 格式：pdf
- 大小：608.36 KB
- 文档页数：27
在文本中插入一个换行 插入一张图像 插入一条水平分隔线 定义超级链接
<MARQUEE> 实现页面中文字或图片的滚动
回顾HTML-2
CISSST
请简述表单的基本结构？常用表单元素有哪些？
表单的如基何本使结用构样：式表定义统一的字体外观和文本框的细边 <FOR框M样ac式tio？n="" method="post" name统="一m的yF字or体m外">观：
定义有参函数compute( )，完成 计算功能，op参数代表运算符号。
num1=parseFloat(document.myform.txtNum1.value);
num2=parseFloat(document.myform.txtNum2.value);
if (op=="+")
document.myform.txtResult.value=num1+num2 ;
<FORM action="" method="post" name="myform" id="myform">
……
调用
<TR> <TD><INPUT name="addButton2"
JavaSicdr=i"patd代dB码utton2" value=" ＋
t"ypoen=C"lbicuktt=o"nco"mpute('+')"函有> 数参
为什么要学JavaScript
CISSST
表单验证
演示示例1：注册表单验证
页面动态效果 演示示例2：层的切换 和 树形菜单等
什么是JavaScript
CISSST
查看完整源代码
<HTML>
<HEAD>
<TITLE>脚本的基本结构</TITLE>
<SCRIPT language="javascript">
if条件语句 if(条件) sfowri、tchw多hi分le循支环语{}e{}l/s/语/句/JeJaa句vvaaSScs{crwfwri{}oipihprt语tci(t代l初代he句c(码(c.条始a码.表a集.sJbJb;se件化;aarr达e;常eevv常);aaaa式量kkSS条量;;cc)1rr件2ii:pp:;tt语语增句句量12);;
}
</SCRIPT></HEAD>
CISSST
定义有参函数
<HEAD>
<SCRIPT language="JavaScript" >
fu{nJcatvioanSccormipptut代e(o码p)
var num1,num2;
定义有参函数compute( )，完成 计算功能，op参数代表运算符号。
num1=parseFloat(document.myform.txtNum1.value);
小结1
CISSST
练习代码
练习答案
编写如图所示， 具有能对两 个操作数进 行加、减、 乘、除运算 的简易计算 器
text文本框
名为myform 的表单
普通按钮button
提示：加、减、乘、除四个按钮分别调用四 个函数实现两个数相加、相减、相乘和相除
CISSST
如何使用函数
查看小结1练习答案代码
在小结1中，4个按钮调用的函数的代码很类 似，怎么优化代码？
Xi'an institute Service & Software Science Technology
JavaScript的基本语法
© 2012 西安软件服务外包学院.All rights reserved.
预习检查
CISSST
大家已经学习了HTML，为什么还要学习JavaScript？
如何编写JavaScript脚本程序？
定义文档的头部
<TIT<LTED>rowspan=设"跨定的显行示在数浏">览器左上方的标题内容 <BODY单> 元格内容定义文档的主体
</TD> <FO<NTTD> colspan="定跨义的文列字数的字">体、字号和颜色
<P> 单元格内容定义文本的段落
<BR<>/TD>
<IMG> …… </TR> …<H…R> </T<AA>BLE>
var count=0; document.write("淘宝网欢迎您！"); for(var i=0;i<5;i++) document.write("<H2>淘宝网欢迎您！</H2>"); </SCRIPT> </HEAD> <BODY> 大<H家1想> B想O上D面Y部Ja分va的Sc内rip容t代</码H1与> 我们学过的Java、C#语言 有</相BO似D的Y地> 方吗？ </HTML>
function compute(op)
{
变量可以不声明而直接赋值。
xvna=ur5m;n1u=mpa1r,nseuFmlo2a; t(d如错ocx。u=m5e;n不t.m推yfo荐rm使.tx用tN，um容1.v易alu出e);
num2=parseFloat(document.myform.txtNum2.value);
</BODY>
</HTML>
什么是JavaScript
CISSST
脚本的执行原理
2 发送请I求E
客户端请求包含JS 的页面
1 浏览器输
IE
入
返回响应 3
解析HTML标 签和
JavaScript脚 本
从服务器端下载含 JavaScript的页面
应用服务器
CISSST
JavaScript的基本语法
<HTML> <HEAD> <TITLE>脚本的基本结构</TITLE> <SCRIPT language="javascript">
JavaScript与Java基本语法的异同？
本章任务
CISSST
制作淘宝网购 物车简易计算
器页面
回顾HTML-1
CISSSTLeabharlann 常用的HTML标签有哪些？
请说明表格的基本结构以及跨行、跨列的用法？
标签名称
说明
<T<AHBTLMEL>border="1界">定一个完整的HTML文档
<<THRE>AD>
JavaScript的基本语法
CISSST
变量
类型转换
基本语法
运算符号
注释
控制语句
变量的声明和赋值
定义变量 var count;
赋值 count = 5;
"var" － 用于声明变量的关键字 "count" － 变量名 同时声明和赋值变量
var count = 10; 声明多个变量
var x, y, z = 10;
{ 语句d集efJa;auvltaS: cript语句3; }}
CISSST
注释
单行注释以 // 开始，以行末结束 例如： <SCRIPT language="javascript"> //表示JavaScript代码的开始
CISSST
多行注释以 /* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序 中的注释。 例如：
num2=parseFloat(document.myform.txtNum2.value);
if (op=="+")
document.myform.txtResult.value=num1+num2 ;
if (op=="-")
document.myform.txtResult.value=num1-num2 ;
var count=0; document.write("淘宝网欢迎您！");
for(i=0;i<5;i++)
如何使用 JavaScript实现
document.write("<H2>淘宝网欢迎您！</H2>页");面显示内容？
</SCRIPT>
</HEAD>
<BODY>
<H1> BODY部分的内容</H1>
比较4个函数，只有运算符号不一样，将运算 符号作为函数的参数即可。怎么用一个函数来 代替4个结构相似的函数？
使用有参函数
CISSST
定义有参函数
<HEAD>
<SCRIPT language="JavaScript" >
fuJnacvtiaoSnccroimptp代ute码(op)
{ var num1,num2;
使用自定义函数
CISSST
如何使用函数
创建函数
function showHello( )
