当前位置:
文档之家› JX基于Java技术的Web应用开发四JavaScript脚本语言
JX基于Java技术的Web应用开发四JavaScript脚本语言
字符串续行示例
代码不续行示例
变量定义:变量名以字母、下划线(“_”)、美元符(“$”)开 头的字母、数字、下划线(“_”)和美元符(“$”)的组合。 注: 1)JavaScript区分大小写。 2)JavaScript中的变量在定义时不指定数据类型,而是 以关键字var代替( var指varible )。 变量定义示例:var str; //JavaScript语句以 ; 结尾。 说明:注释方法与C++, Java相同
3
JavaScript概述(3)
如何使用JavaScript脚本?
使用<script>标记,有3种方法:嵌入HTML文件 行内,嵌入HTML文件内,链接js文件。
1) 嵌入HTML代码行内
<input type=button name="btn" onclick="javascript:alert('嵌入HTML代码行内运行JavaScript!')"/>
9
基本语法(4)
null和undefined示例
document.write("<br><br>document.getElementById('PKU')的结果为:“ +document.getElementById(‘PKU’)); //getElementById方法通过id来访问页面元素 //-----------------------------------------------document.write("<br><br>document.MIT的结果为:"+document.MIT); //-----------------------------------------------var PKU; //定义一个变量 document.write("<br><br>PKU的值为:"+PKU); //------------------------------------------------
W3C组织不赞成
5
主要内容
JavaScript概述 基本语法 常用内部对象 对象层次与事件处理 浏览器内部对象 综合实例 小结
6
基本语法(1)
基本语法
数据类型、常量与变量 对象与数组 表达式与运算符 语句 函数
7
基本语法(2)
数据类型
数据类型 number 名称 数值类型 说明 不区分整型和浮点型 举例 123,0239(十进制), 071,0x1F true, false, 1, 0 Date, window, document, Function “null值”或“未定义对象”,不代 表是0或空字符串。 当处于如下情形时,JavaScript会返 回undefined值:1)定义了一个变量 但没有为该变量赋值;2)使用了一 个对象不存的属性时;3)函数没有 明确参数值时。 只有一个值:null; if( null )判断为false if( undefined ) 判断为false
2
<html> <head> <title>欢迎来到JavaScript世界!</title>
<script type="text/javascript"> JavaScript 概述 (2) function mouseOver() {
实例
//访问文档对象(即WEB页面包含的元素) document.b1.src ="mouse_on.jpg"; } function mouseOut() { //访问文档对象(即WEB页面包含的元素) document.b1.src ="mouse_off.jpg"; } //向document文档输出内容,即向WEB页面输出内容。 document.write("欢迎来到JavaScript世界!<br>"); </script> </head> <body> <a href="#"> <img border="0" alt="欢迎来到JavaScript世界“ src="mouse_off.jpg" name="b1" onmouseover="mouseOver()" onmouseout="mouseOut()" /></a> </body> </html>
string
boolean object null undefined
字符串
布尔型 对象类型 空类型 未定义类型
以对象对待,有自己的属性和方法。 ‘Hello’,”Hello”
除以上类型外,JavaScript也可以定义数组类型。
8
基本语法(3)
常量与变量
常量主要有:布尔常量、整型常量、浮点型常量、字符 串常量。字符串常量使用单引号(’’)或双引号(””)进行包含。 注:字符串常量必须写在一行中,如果要换行,必须使 用符号“\”续行;而其他代码则不存在续行这个问题。
10
基本语法(5)
数据类型转换
数据类型转换方式有两种:隐式转换和显式转换。 隐式转换:
Javascript是一种泛类型语言。泛类型指不必显式定义变量的 数据类型。在定义一个变量时,不需要指定变量的数据类型(而是 使用var ),使得JavaScript可以很方便灵活地进行隐式转换。
主要内容
JavaScript概述 基本语法 常用内部对象 对象层次与事件处理 浏览器内部对象 综合实例 小结
1
Jav来自Script概述(1)JavaScript最早是由NetScape公司开发出来的一种
跨平台的、基于对象的脚本语言,目前为大多数 浏览器所支持。 JavaScript的优点: 简单性 动态性 基于对象的语言 安全性 跨平台性 减少服务器开销(节省CGI的交互时间)
源代码示例
4
JavaScript概述(4)
<script type="text/javascript">
2) 嵌入文件
//javascript脚本 </script> <script type=“text/javascript” src=“*.js">
源代码示例
W3C组织推荐
3) 链接文件
</script> <script language=“javascript” src=“*.js"> </script>