JavaScript学习笔记(一)

最新推荐文章于 2025-12-11 16:09:33 发布

原创最新推荐文章于 2025-12-11 16:09:33 发布 · 493 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #scroll #html #脚本 #文档 #null

本文介绍了JavaScript的基础知识，包括语言特性、如何在HTML文档中嵌入JavaScript、数据类型、变量声明及作用域、表达式和运算符等内容，并通过实例展示了简单的动态效果实现。

1.JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。

2.JavaScript的出现为web实现了一种实时、动态、可交互的表达能力。

--------------------------------------------------------

Code:

<html>
<head>
<Script language="javascript">
<!--
alert("This is the first JavaScript Example");
//-->
</Script>
</head>
</html>

----------------------------------------------------------

1、用以下的方式将JavaScript脚本加入文档：

//JavaScript语言代码；

</Script>

------------------------------------

Code:

<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之中基本一样。

-----------------------------------------------------------

Code:

<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>

-------------------------------------------------------

该段代码在浏览器的状态栏实现了跑马灯的效果。