第4章让网页动起来.pptVIP

总 目 录 第1章 网页无处不在 第2章 网页的风格设计 第3章 网页的基本语言HTML 第4章 让网页动起来 第5章 用Dreamweaver制作网页 第6章 用Dreamweaver制作动态网页 第4章 让网页动起来 4.1 动态的网页 第4章 让网页动起来 第4章 让网页动起来 1. 在HTML中加入JavaScript [例1]一个JavaScript的例子。 html head script language=JavaScript !-- alert(“Hello!Welcome to my website!”);//弹出对话框 ，语 -- 句以分号结尾 /script /head body /body /html 语法格式： script language=“JavaScript” !-- … -- /script JavaScript的数据类型有四种。 注意：JavaScript使用的是弱类型定义，即在定义一个常量或变量时，不需要指明它的数据类型，常量或变量会自动根据所赋的值来选择最合适的数据类型。这一点大大简化了JavaScript的编程。 变量提供了可以存放信息和数据的地方。变量是可以改变的，它可以存放不同的数据。 变量的命名：以字母开头，中间可以是任何字母、数字和下划线的组合；其次，变量名不能使用JavaScript的关键字，比如var、JavaScript、alert等。 注意：变量名对大小写敏感（区分大小写）。 JavaScript语言区分大小写。 JavaScript有六种运算符： (1)赋值运算符： “=”表示右边的数给左边的变量赋值。例如X=5，5被赋给X； “+=”表示左、右两边数相加，将其结果赋给左边的变量。例如X=5，Y=5，X+=Y将10赋给了X； “－=”表示左、右两边数相减，将其结果赋给左边的变量。例如X=5，Y=5，X-=Y将0赋给了X； “*=”表示左、右两边数相乘，将其结果赋给左边的变量。例如X=5，Y=5，X*=Y将25赋给了X； “/=”表示左边的数除右边的数，将其结果赋给左边的变量。例如X=5，Y=5，X/=Y将1赋给了X； “%=”表示左边的数除右边的数，余数赋给左边的变量。例如X=25，Y=7，X％=Y将4赋给了X。 (2)算术运算符： 加“+” 减“-” 乘“*” 除“/” 取余“%” 取负“-”：Y=5，则X=-Y，X的值为-5。 递增“++”：例如Y=++5，Y的值为6。 递减“--”： 例如Y=--6，Y的值为5。 (3)字符串运算符： “+”：合并运算符。表示两个字符串的合并，例如：‘abc’+ “你好！”，这个表达式的值为“abc你好！”。 “+=”：将一个字符串加到另一个字符串尾部。如，s1=‘abc’,s2=‘def’,则s1+=s2后，s1的值为‘abcdef’。理解为s1=s1+s2。 (4)比较运算符： “==”：如果两边数据相等返回true，否则返回false。例如，2==2返回true。 “!=”：如果两边数据不相等返回true，否则返回false。 例如， ″THE″!=″TH″返回true。 “”：如果左边数大于右边数返回true，否则返回false 。例如， 21返回true。 “”：如果左边数小于右边数返回true，否则返回false 。 “＝”：如果左边数大于或等于右边数返回true，否则返回false 。 “＝”：如果左边数小于或等于右边数返回true，否则返回false 。 (5)逻辑运算符： “”：逻辑与，当表达式两边的逻辑值都是true时结果为true，否则结果为false。 “||”：逻辑或，当表达式两边的逻辑值中任意一个是true时结果为true，当表达式两边的逻辑值都为false时结果为false。例如：21 || 34，其结果为true；21 ||34，其结果也为true。 “！”：逻辑非，当表达式的逻辑值为true时返回结果false，当表达式的逻辑值为false时返回结果true。例如：！21结果为false。 (6)条件运算符： 条件运算符只有一个，即“？”。 条件表达式的结构为：(条件)?结果1:结果2。 条件表达式的计算过程为：首先计算作为条件的逻辑表达式或关系表达式，根据得到的返回值为true时表达式的值为结果1，返回值是false时表达式的值为结果2。 例如，表达式为：(day==“星期六”)?“今天是周末”:“今天不是周末” 。当变量day为“星期六”时表达式的结果为“今天是