1.JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。
2.JavaScript的出现为web实现了一种实时、动态、可交互的表达能力。
- <html>
- <head>
- <Script language="javascript">
- <!--
- alert("This is the first JavaScript Example");
- //-->
- </Script>
- </head>
- </html>
1、用以下的方式将JavaScript脚本加入文档:
<Script language="JavaScript">
//JavaScript语言代码;
</Script>
- <html>
- <head>
- <Script language="javascript">
- <!--
- document.write("这里是我家");
- document.close();
- //document.write("已经关闭了");
- //-->
- </Script>
- </head>
- </html>
document.write()是文本对象的输出函数,其功能是将括号中的字符或变量值输出到窗口;document.close();是将输出关闭。
将javascript代码放在<head></head>之间,可以使其在主页和其余部分代码之前装载,从而可以使得代码功能更加强大;将javascript代码放在<body></body>之间,可以实现某些部分动态地创建文档。
2、数据类型
JavaScript提供了四种基本的数据类型用来处理数字和文字,而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
1、基本数据类型:数值(整数和实数)、字符串型(用""或''括起来的字符或数值)、布尔型(True或False)和空值。
a) javaScript中的基本类型中的数据既可以是常量,也可以是变量。
b) javaScript是弱数据类型,因而一个数据的变量或常量不必首先作声明,而是在使用或赋值时确定其数据的类型。也可以先声明该数据的类型,它是通过在赋值时自动说明其数据类型的。
2、常量
a) 整型常量:javascript中的常量为字面常量,是不能改变的数据。可以使用十六进制、八进制和十进制表示。
b) 实型常量:由整数部分加小数部分标识,如12.32、123.34。也可以使用科学或标准方法来表示:5E7、4e5等。
c) 布尔值:只有两种状态:True或False。主要用来说明或代表一种状态或标志,以说明操作流程。
d) 字符型常量:使用''或""括起来的一个或几个字符。如'This is a book'."hello world"。
e) 空值:javascript中又一个控制null,表示什么也没有。如试图引用没有定义的变量,则返回一个null值。
f) 特殊字符:以反斜杠(\)开头的补课显示的特殊字符。通常称为控制字符。
3、变量:变量的作用主要是存取数据,提供存放信息的容器。对于变量必须明确变量 的命名、变量的类型、变量的声明及其变量的作用域。
a) 变量的命名:
变量必须以字母开头,除下划线作为连字符外,变量名称不能有空格。
不能使用JavaScript的关键字作为变量。
b) 变量的类型:
在JavaScript中,变量可以用命令var作声明: var myTest;(定义未赋值)
var myTest = "This is a book";(定义并且赋值)
在javaScript中,变量可以不作声明,而在使用时再根据数据的类型来确定其变量的类型。
如:x = 100; y = '125'; xy = True; cost = 19.5;
其中x是整数,y是字符串,xy是布尔型,cost是实型。
通过使用var关键字对变量做声明。对变量做声明的好处在于可以方便地及时发现代码中的错误。
在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是整个函数;局部变量是定义在函数体之内,则该变量对该函数是可见的,对其他函数则是不可见的。
4、表达式和运算符
表达式:表达式可以分为算术表达式、字符表达式、赋值表达式以及布尔表达式等。
运算符和java之中基本一样。
- <html>
- <head>
- <script language="javascript">
- <!--
- var msg = "跑马灯效果跑马灯效果";
- var interval = 100;//字符出现间隔时间
- var spacelen = 120;//
- var space10 = "";
- var seq = 0;//字符出现的间隔字符计数器
- function Scroll(){
- len = msg.length;
- window.status = msg.substring(0,seq+1);
- seq++;
- if(seq >= len){
- //seq = spacelen;
- seq = 0;
- window.setTimeout("Scroll();",interval);
- }
- else {
- window.setTimeout("Scroll();",interval);
- }
- }
- function Scroll2(){
- var out = "";
- for(i=1;i<spacelen/space10.length;i++){
- out += space10;
- }
- outout = out + msg;
- len = out.length;
- window.status = out.substring(seq,len);
- seq++;
- if(seq > len){
- seq = 0;
- }
- window.setTimeout("Scroll2();",interval);
- }
- Scroll();
- //-->
- </script>
- </head>
- </html>
该段代码在浏览器的状态栏实现了跑马灯的效果。