什么是JavaScript
是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。
当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。
JavaScript脚本编写过程
编写JavaScript脚本:可以使用任何一种文字编辑器来编写,我们使用Dreamweaver、EditPlus、UE等。
执行:与HTML文档配合,将其插入到HTML文档中,然后通过浏览器执行HTML文档即可。浏览器可以是IE、firefox等。
JAVASCRIPT嵌入网页方式
<html>
<head>
<script type="text/javascript">
function showAlert()
{alert("web");}
</script>
</head>
<body>
</body>
</html>
当有多个html页面使用到相同的JS脚本时,可以将js代码封装到一个文件中,只要在script标签的src属性引入一个js文件。(方便后期维护,扩展)
注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。
将javascript源文件链接到html文档中
<html>
<head>
<script type="text/javascript"src="common.js"></script>
</head>
<body>web程序设计</body>
</html>
common.js文件内容
function showAlert(){
alert("web程序员")
}
事件跟随式 <html> <head> </head> <body οnlοad=”window.alert(‘hello web’);”> <a href="javascript:alert(new Date());">abc</a>
<input type=button value=test οnclick="alert(new Date());">
</body></html>
javascript程序内容必须置于<script type="text/javascript"></script>标签中
javascript程序对大小写比较敏感。要区分大小写
javascript中的注释有/* */ ,//,
Javascript程序在html文件中的位置没有严格的规定,但根据Javascript程序的功能和作用,一般将其置于3种位置:
在html<body>标记中的任何位置。如果所编写的Javascript程序用于输出网页内容的,应该将Javascript程序置于html文件中需要显示该内容的位置。
在html<head>标记。如果所编写的Javascript程序需要在某一个html文件中多次使用,那就应该编写Javascript函数,并将函数置于html文件的<head>标记中。
在一个单独的js文件中。如果编写的Javascript程序需要在多个html文件中使用,或Javascript程序内容很长时。
\b退格符
\f换页符
\n换行符
\r回车符
\t制表符
常量:不能改变的数据。可以为整型、逻辑型、字符串型等。
变量:在计算机内存中暂时保存数据的地方。用关键字var声明或用赋值的形式。var i;i=10;var count=10;var i,j;
变量命名规则
第一个字符必须是字母(大小写均可)、下划线(_)或美元符($);
后续字符可以是字母、数字、下划线或美元符;
变量名称不能是保留字;
字符大小写敏感;
变量可以不声明直接使用 k=100;(k没定义就直接用)
变量弱类型检查,且可随时改变数据类型
JavaScript声明变量时无需定义数据类型,因此,其变量又称为“无类型”变量,也就是说,声明后的变量名可以随时被赋值为任意类型的数据, JavaScript将会自动给予转换。 var count=1; … count=“the count of var is ”+count;
用typeof()运算符返回表达式的数据类型var a=18; typeof(a) ---number
“+”的运用
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
var x=100;
var y;
var z;
document.write("<H2>竞拍SONY数码相机 600万像素" +x+"$起价</H2>");
y=prompt("加多少银子?","1");
z=x+parseFloat( y );
alert("您最终的出价\n"+z+"$"); //”\n”用于换行显示
</SCRIPT>
</HEAD>
<body>
</body>
</HTML>
是写在HTML文档中的一种基于对象(Object)和事件驱动(EventDriven)、并具有安全性能的脚本语言。
当用户在客户端的浏览器中显示该网页时,浏览器就会执行JavaScript程序,让用户通过交互式的操作变换网页显示的内容,以实现HTML语言所不能实现的一些功能。
JavaScript脚本编写过程
编写JavaScript脚本:可以使用任何一种文字编辑器来编写,我们使用Dreamweaver、EditPlus、UE等。
执行:与HTML文档配合,将其插入到HTML文档中,然后通过浏览器执行HTML文档即可。浏览器可以是IE、firefox等。
JAVASCRIPT嵌入网页方式
<html>
<head>
<script type="text/javascript">
function showAlert()
{alert("web");}
</script>
</head>
<body>
</body>
</html>
当有多个html页面使用到相同的JS脚本时,可以将js代码封装到一个文件中,只要在script标签的src属性引入一个js文件。(方便后期维护,扩展)
注意:如果在script标签中定义了src属性,那么标签中的内容不会被执行。
将javascript源文件链接到html文档中
<html>
<head>
<script type="text/javascript"src="common.js"></script>
</head>
<body>web程序设计</body>
</html>
common.js文件内容
function showAlert(){
alert("web程序员")
}
事件跟随式 <html> <head> </head> <body οnlοad=”window.alert(‘hello web’);”> <a href="javascript:alert(new Date());">abc</a>
<input type=button value=test οnclick="alert(new Date());">
</body></html>
javascript程序内容必须置于<script type="text/javascript"></script>标签中
javascript程序对大小写比较敏感。要区分大小写
javascript中的注释有/* */ ,//,
Javascript程序在html文件中的位置没有严格的规定,但根据Javascript程序的功能和作用,一般将其置于3种位置:
在html<body>标记中的任何位置。如果所编写的Javascript程序用于输出网页内容的,应该将Javascript程序置于html文件中需要显示该内容的位置。
在html<head>标记。如果所编写的Javascript程序需要在某一个html文件中多次使用,那就应该编写Javascript函数,并将函数置于html文件的<head>标记中。
在一个单独的js文件中。如果编写的Javascript程序需要在多个html文件中使用,或Javascript程序内容很长时。
\b退格符
\f换页符
\n换行符
\r回车符
\t制表符
常量:不能改变的数据。可以为整型、逻辑型、字符串型等。
变量:在计算机内存中暂时保存数据的地方。用关键字var声明或用赋值的形式。var i;i=10;var count=10;var i,j;
变量命名规则
第一个字符必须是字母(大小写均可)、下划线(_)或美元符($);
后续字符可以是字母、数字、下划线或美元符;
变量名称不能是保留字;
字符大小写敏感;
变量可以不声明直接使用 k=100;(k没定义就直接用)
变量弱类型检查,且可随时改变数据类型
JavaScript声明变量时无需定义数据类型,因此,其变量又称为“无类型”变量,也就是说,声明后的变量名可以随时被赋值为任意类型的数据, JavaScript将会自动给予转换。 var count=1; … count=“the count of var is ”+count;
用typeof()运算符返回表达式的数据类型var a=18; typeof(a) ---number
“+”的运用
<HTML>
<HEAD>
<SCRIPT LANGUAGE = "JavaScript">
var x=100;
var y;
var z;
document.write("<H2>竞拍SONY数码相机 600万像素" +x+"$起价</H2>");
y=prompt("加多少银子?","1");
z=x+parseFloat( y );
alert("您最终的出价\n"+z+"$"); //”\n”用于换行显示
</SCRIPT>
</HEAD>
<body>
</body>
</HTML>