Javascript从零学起

本文介绍了JavaScript的基本功能,包括动态文本插入、事件响应、HTML元素读写、数据验证等。此外还详细讲解了如何实现JavaScript,包括放置位置、语法、变量、运算符及常见用法如循环、条件判断、函数定义等。

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

JavaScript 能做什么?

 (1)JavaScript 可以将动态的文本放入 HTML 页面
 类似于这样的一段 JavaScript 声明可以将一段可变的文本放入 HTML 页面:document.write("<h1>" + name + "</h1>")
 (2)JavaScript 可以对事件作出响应
 可以将 JavaScript 设置为当某事件发生时才会被执行,例如页面载入完成或者当用户点击某个 HTML 元素时。
 (3)JavaScript 可以读写 HTML 元素
 JavaScript 可以读取及改变 HTML 元素的内容。
 (4)JavaScript 可被用来验证数据
 在数据被提交到服务器之前,JavaScript 可被用来验证这些数据。
 (5)JavaScript 可被用来检测访问者的浏览器
 JavaScript 可被用来检测访问者的浏览器,并根据所检测到的浏览器,为这个浏览器载入相应的页面。
 (6)JavaScript 可被用来创建 cookies
 JavaScript 可被用来存储和取回位于访问者的计算机中的信息。
 

 如何实现 JavaScript?

 如果需要把一段 JavaScript 插入 HTML 页面,我们需要使用 <script> 标签(同时使用 type 属性来定义脚本语言)。这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
 那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:
 <script type="text/javascript">
 <!--
 document.write("Hello World!");
 //-->
 </script>
 

 把 JavaScript 放置到何处?

 当页面载入时,会执行位于 body 部分的 JavaScript。当被调用时,位于 head 部分的 JavaScript 才会被执行。
 有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。
 为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
 然后把 .js 文件指定给 <script> 标签中的"src"属性,就可以使用这个外部文件了
 注意:外部文件不能包含 <script> 标签。
 

 JavaScript 语句

 常要在每行语句的结尾加上一个分号。分号是可选的(根据 JavaScript 标准),浏览器把行末作为语句的结尾。正因如此,常常会看到一些结尾没有分号的例子。
 通过使用分号,可以在一行中写多条语句。
 JavaScript 可以分批地组合起来。代码块以左花括号开始,以右花括号结束。代码块的作用是一并地执行语句序列。
 

 JavaScript 注释

 单行的注释以 // 开始。多行注释以 /* 开头,以 */ 结尾。
 

 JavaScript 变量

 JavaScript 变量名称的规则:对大小写敏感(y 和 Y 是两个不同的变量);变量必须以字母或下划线开始。
 通过 var 语句来声明 JavaScript 变量。可以在声明它们时向变量赋值。变量赋文本值时,请为该值加引号。
 如果再次声明了 JavaScript 变量,该变量也不会丢失其原始值。
 

 JavaScript 运算符

 给定 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
 
 + 运算符用于把文本值或字符串变量加起来(连接起来)。
 如果把数字与字符串相加,结果将成为字符串。
 
 给定 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
 
 给定 x=6 以及 y=3,下表解释了逻辑运算符:
 运算符 描述 例子
 && and (x < 10 && y > 1) 为 true
 || or (x==5 || y==5) 为 false
 ! not !(x==y) 为 true
 
 条件运算符:variablename=(condition)?value1:value2 
 

 JavaScript 中的条件语句

 if 语句
 在一个指定的条件成立时执行代码。
 if...else 语句
 在指定的条件成立时执行代码,当条件不成立时执行另外的代码。
 if...else if....else 语句
 使用这个语句可以选择执行若干块代码中的一个。
 switch 语句
 使用这个语句可以选择执行若干块代码中的一个。
    switch(n)
    {
    case 1:
      执行代码块 1
      break
    case 2:
      执行代码块 2
      break
    default:
      如果n即不是1也不是2,则执行此代码
    }
    

 JavaScript 消息框

 警告框:alert("文本")
 确认框,如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false:confirm("文本")
 提示框,如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null:prompt("文本","默认值")
 

 JavaScript 函数

 创建函数的语法:
 function 函数名(var1,var2,...,varX)
   {
   代码...
   }
  return 语句用来规定从函数返回的值。
  当在函数内声明了一个变量后,就只能在该函数中访问该变量。当退出该函数后,这个变量会被撤销。这种变量称为本地变量。可以在不同的函数中使用名称相同的本地变量,这是因为只有声明过变量的函数能够识别其中的每个变量。
 如果在函数之外声明了一个变量,则页面上的所有函数都可以访问该变量。这些变量的生存期从声明它们之后开始,在页面关闭时结束。
 

 JavaScript 循环

 在脚本的运行次数已确定的情况下使用 for 循环。
 语法:
 for (变量=开始值;变量<=结束值;变量=变量+步进值) 
 {
     需执行的代码
 }
 
 While 循环
 while (变量<=结束值)
 {
     需执行的代码
 }
 do
 {
     需执行的代码
 }
 while (变量<=结束值)
 
 break 命令可以终止循环的运行,然后继续执行循环之后的代码(如果循环之后有代码的话)。
 continue 命令会终止当前的循环,然后从下一个值继续运行。
 for...in 语句用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。
 for (变量 in 对象)
 {
     在此执行代码
 }
 “变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。
 

 JavaScript 事件

 事件是可以被 JavaScript 侦测到的行为。
 
 属性 当以下情况发生时,出现此事件
 onabort 图像加载被中断
 onblur 元素失去焦点
 onchange 用户改变域的内容
 onclick 鼠标点击某个对象
 ondblclick 鼠标双击某个对象
 onerror 当加载文档或图像时发生某个错误
 onfocus 元素获得焦点
 onkeydown 某个键盘的键被按下
 onkeypress 某个键盘的键被按下或按住
 onkeyup 某个键盘的键被松开
 onload 某个页面或图像被完成加载
 onmousedown 某个鼠标按键被按下
 onmousemove 鼠标被移动
 onmouseout 鼠标从某元素移开
 onmouseover 鼠标被移到某元素之上
 onmouseup 某个鼠标按键被松开
 onreset 重置按钮被点击
 onresize 窗口或框架被调整尺寸
 onselect 文本被选定
 onsubmit 提交按钮被点击
 onunload 用户退出页面
 
 JavaScript Try...Catch 语句
 try...catch 的作用是测试代码中的错误。
 try
 {
    //在此运行代码
 }
 catch(err)
 {
    //在此处理错误
 }
 JavaScript Throw 声明
 throw 声明的作用是创建 exception(异常)。可以把这个声明与 try...catch 声明配合使用,以达到控制程序流并产生精确错误消息的目的。
 JavaScript onerror 事件
 使用 onerror 事件是一种老式的标准的在网页中捕获 Javascript 错误的方法。
 只要页面中出现脚本错误,就会产生 onerror 事件。
 如果需要利用 onerror 事件,就必须创建一个处理错误的函数。你可以把这个函数叫作 onerror 事件处理器 (onerror event handler)。这个事件处理器使用三个参数来调用:msg(错误消息)、url(发生错误的页面的 url)、line(发生错误的代码行)。
 

 JavaScript 特殊字符

 反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
 代码 输出
 \' 单引号
 \" 双引号
 \& 和号
 \\ 反斜杠
 \n 换行符
 \r 回车符
 \t 制表符
 \b 退格符
 \f 换页符
 
 JavaScript 对大小写敏感;JavaScript 会忽略多余的空格;可以在文本字符串内部使用反斜杠对代码进行折行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值