javascript -基础知识-优快云博客

本文介绍了JavaScript的基础知识，包括脚本的放置、注释、变量、运算符、比较、逻辑及条件运算符等内容，并详细讲解了如何使用消息框、函数、循环、事件处理以及对象等关键概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS 实现

<html>
<body>
<script type="text/javascript">
...
</script>


</body>
</html>

那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生，我们可以使用这样的 HTML 注释标签：

注释行末尾的两个正斜杠是 JavaScript 的注释符号，它会阻止 JavaScript 编译器对这一行的编译。

JS 放置

当页面载入时，会执行位于 body 部分的 JavaScript。

当被调用时，位于 head 部分的 JavaScript 才会被执行。

JS 注释

可以添加注释来对 JavaScript 进行解释，或者提高其可读性。

单行的注释以 // 开始。

多行注释以 /* 开头，以 */ 结尾。

JS 变量

变量对大小写敏感（y 和 Y 是两个不同的变量）
变量必须以字母或下划线开始

通过 var 语句 来声明 JavaScript 变量：

var x;
var carname;

注释：在为变量赋文本值时，请为该值加引号。


如果您所赋值的变量还未进行过声明，该变量会自动声明。

JS 运算符

算术运算符用于执行变量与/或值之间的算术运算。

给定 y=5 ，下面的表格解释了这些算术运算符：

运算符	描述	例子	结果
+	加	x=y+2	x=7
-	减	x=y-2	x=3
*	乘	x=y*2	x=10
/	除	x=y/2	x=2.5
%	求余数 (保留整数)	x=y%2	x=1
++	累加	x=++y	x=6
--	递减	x=--y	x=4

赋值运算符用于给 JavaScript 变量赋值。

给定 x=10 和 y=5 ，下面的表格解释了赋值运算符：

运算符	例子	等价于	结果
=	x=y		x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

+ 运算符用于把文本值或字符串变量加起来（连接起来）。

如需把两个或多个字符串变量连接起来，请使用 + 运算符。

如果把数字与字符串相加，结果将成为字符串。

JS 比较

比较运算符在逻辑语句中使用，以测定变量或值是否相等。

给定 x=5，下面的表格解释了比较运算符：

运算符	描述	例子
==	等于	x==8 为 false
===	全等（值和类型）	x===5 为 true；x==="5" 为 false
!=	不等于	x!=8 为 true
>	大于	x>8 为 false
<	小于	x<8 为 true
>=	大于或等于	x>=8 为 false
<=	小于或等于	x<=8 为 true

逻辑运算符用于测定变量或值之间的逻辑。

条件运算符

variablename=(condition)?value1:value2

JS 消息框

可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。

警告框经常用于确保用户可以得到某些信息。

当警告框出现后，用户需要点击确定按钮才能继续进行操作。

alert ("文本")

确认框用于使用户可以验证或者接受某些信息。

当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。

如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。

confirm ("文本")

提示框经常用于提示用户在进入页面前输入某个值。

当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

```
prompt

("文本","默认值")
```

JS 函数

将脚本编写为函数，就可以避免页面载入时执行该脚本。

函数包含着一些代码，这些代码只能被事件激活，或者在函数被调用时才会执行。

你可以在页面中的任何位置调用脚本（如果函数嵌入一个外部的 .js 文件，那么甚至可以从其他的页面中调用）。

创建函数的语法：

function 函数名(var1,var2,...,varX)
  {
  代码．．．
  }

var1, var2 等指的是传入函数的变量或值。{ 和 } 定义了函数的开始和结束。

注意：无参数的函数必须在其函数名后加括号.

变量的生存期

当您在函数内声明了一个变量后，就只能在该函数中访问该变量。当退出该函数后，这个变量会被撤销。这种变量称为本地变量。您可以在不同的函数中使用名称相同的本地变量，这是因为只有声明过变量的函数能够识别其中的每个变量。

如果您在函数之外声明了一个变量，则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始，在页面关闭时结束。

JS For Loop

JavaScript 有两种不同种类的循环：

for

将一段代码循环执行指定的次数

while

当指定的条件为 true 时循环执行代码

JS 事件

JavaScript 事件参考手册

onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。
onFocus、onBlur 和 onChange 事件通常相互配合用来验证表单。
onSubmit 用于在提交表单之前验证所有的表单域。
onMouseOver 和 onMouseOut 用来创建“动态的”按钮。

JS Try...Catch

有两种在网页中捕获错误的方法：

使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

try


{
   //在此运行代码
}
catch(err)


{
   //在此处理错误
}

JS onerror

只要页面中出现脚本错误，就会产生 onerror 事件。

如果需要利用 onerror 事件，就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）。

语法：

οnerrοr=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}

浏览器是否显示标准的错误消息，取决于 onerror 的返回值。如果返回值为 false，则在控制台 (JavaScript console) 中显示错误消息。反之则不会。

JS 特殊字符

反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。

代码	输出
/'	单引号
/"	双引号
/&	和号
//	反斜杠
/n	换行符
/r	回车符
/t	制表符
/b	退格符
/f	换页符

JS 对象

参见JS 对象

一个完整的 JavaScript 实现是由以下 3 个不同部分组成的：

JavaScript 包括 ECMAScript、DOM 和 BOM