首页 > 编程语言 >JavaScript总结2

JavaScript总结2

时间:2024-07-08 19:27:01浏览次数:12  
标签:总结 语句 代码 JavaScript 条件 执行 表达式

概述

JavaScript是世界上最流行的脚本语言。JavaScript是一种轻量级的编程语言,可以插入HTML页面的编程代码。 JavaScript插入HTML页面后,可由浏览器执行。

特点

语法简单,易学易用;

解释性语言;

跨平台,基于对象和事件驱动,可用于客户端。

作用

可以动态改变网页内容,网页外观;

验证表单数据,还可以响应事件。

JavaScript与Java

JavaScript与Java是两种完全不同的语言,无论在概念还是设计上都不一样。

Java由Sun公司发明,是更为复杂的编程语言。

JavaScript标准的官方名称是ECMA-262,由Brendan Eich 发明,于1995年出现在Netscape浏览器中,1997年被ECMA 标准协会采纳。

使用方法

HTML中的脚本必须位于<script>与</script>标签之间。        

脚本可位于HTML的<body>或者<head>部分中,或者同时存在于两个部分中。      

 <script>和</script>会告诉JavaScript在何处开始和结束,其间的代码行包含了JavaScript 。

在某个事件发生时,需要执行代码,例如:用户点击按钮时,可以把JavaScript代码放入函数中,在事件发生时调用该函数。

脚本也可保存到外部文件中。

外部文件通常包含被多个网页使用的代码。外部JavaScript文件的文件扩展名是.js。

使用外部文件时,在<script>标签的“src"属性中设置该.js文件。

基本内容

输出

1. 弹窗效果        

使用window.alert("")方法可以实现弹框。

2. 写到文档输出        

document.write()方法用于直接向HTML文档输出内容。如果在文档已经完成加载后执行该方法,整个HTML页面将会被覆盖。

3. Console系列        

用于JavaScript调试,访问调试控制台。

4. 使用 innerHTML写入到HTML元素        

使用document.getElementById(id) 方法,通过“id”属性来标识HTML元素,使用innerHTML属性来获取或者插入元素。

JavaScript语句

1. 分号用于分隔JavaScript语句

2. 浏览器读取JavaScript代码时,逐行执行脚本代码。

3. JavaScript语句通过代码块的形式进行组合。块由左花括号开始,右花括号结束。

4. JavaScript对大小写敏感。

5. 使用反斜杠对代码行进行换行。

JavaScript变量

如何命名  

变量必须以字母、$或_符号开头,不能以数字开头。  

变量名称对大小写敏感。  

只能由字母、数字、下划线和美元符号组成。

不能与JavaScript中的关键字名称相同,例如:if,else等。

声明变量

声明变量,使用var关键字声明变量,使用等号向变量赋值,可在声明变量时直接对其赋值。例:var username=“John”;

一条语句中可同时声明多个变量 。以var开头,使用逗号分隔变量。例如: var username=“Tom”, age=46, job=“Manager”;

重新声明变量不赋值,该变量的值不会丢失。

JavaScript数据类型

JavaScript数据类型包括:字符串、数字、布尔、数组、对象、Null、Undefined。        

简单数据类型:字符串、数字、布尔。        

复合数据类型:数组、对象        

特殊数据类型: Null、Undefined

JavaScript函数

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

语法:

function functionName(){

                    //这里是要执行的代码            

}

调用带参数的函数:

function functionName( var1, var2){

                    //这里是要执行的代码            

}functionName( var1, var2); 

JavaScript变量的生存期

运算符

JavaScript语句

条件

if语句:只有当指定条件为true时,才执行代码。              

if (条件表达式) {            

//只有当条件为true时才执行的语句块;        

}

if…else语句:在条件为true时执行代码,在条件为false时执行其他代码。            

if (条件表达式) {            

//当条件为true时执行的代码        

}else{            

//当条件为false时执行的代码      

 }

if…else if…else语句:可选择多个代码块之一来执行。              

if (条件表达式1) {            

//当条件1为true时执行的代码      

}else if (条件表达式2) {            

//当条件2为true时执行的代码        

}else{            

//当条件1和条件2都为false时执行的代码        

}

分支

switch (表达式){

case  常量表达式1 : 语句块1; break;

case  常量表达式2 : 语句块2; break;

case  常量表达式n : 语句块n; break; [default : 语句块n+1;break;]

}

循环

for循环:循环代码块一定的次数。

for(表达式1;表达式2;表达式3) {

    语句块;

}

for/in循环:循环遍历对象的属性。

var employees = new Array();

employees[0] = "Tom Smith";

employees[1] = "David White";

employees[2] = "Mary Johnson";

for (emp in employees) {    

        document.write(employees[emp] + "<br/>");

}

while循环:当指定的条件为true时循环指定的代码块。

while (条件) {     

        语句块;

}

do/while循环:当指定的条件为true时循环指定的代码块。

do{     

        语句块;

} while(条件);

区别:

while语句是先判断条件,再执行循环体。

do…while语句则是先执行循环体,再判断条件。

break语句,跳出循环,跳出循环后会继续执行该循环之后的代码。

continue语句,中断循环中的迭代,如果出现了指定的条件,则继续循环中的下一个迭代。

JavaScript错误

JavaScript通过try和catch测试和捕捉错误。

当错误发生时,JavaScript引擎通常会停止,并抛出一个错误。      

语法如下:        

try{            

        //在这里运行代码        

}catch(err){            

        //在这里处理错误        

}fanally{            

        //结束处理        

}

标签:总结,语句,代码,JavaScript,条件,执行,表达式
From: https://blog.csdn.net/m0_47449012/article/details/140275540

相关文章

  • 蓝桥杯单片机学习总结(Day1 实现LED闪烁)
    标题一:通过SM74HC138译码器打开控制8个LED灯的寄存器标题二:编程思路标题三:总结 打开LED寄存器: 由开发板的原理图可知其8个LED灯的寄存器开关为SM74HC138译码器(以下用38译码器称代)的Y4口,该38译码器的输入端P25~P27,其分别对应P25->SM74HC138_A、P26->SM74HC138_B、P27->S......
  • Studying-代码随想录训练营day31| 56.合并区间、738.单调递增的数字、968.监控二叉树
    第31天,贪心最后一节(ง•_•)ง......
  • 信号与线性系统笔记总结
    使用说明前三章是ppt加个人注释,后面都是手写笔记总结。在这里我要狠狠安利西电郭宝龙教授,他讲信号这门课很有耐心,也很有思路。笔记可能有错误的地方,后期会不断更正。参考视频:【西安电子科技大学——信号与系统(郭宝龙)】https://www.bilibili.com/video/BV1PZ4y1t7DA/?p=3&......
  • 20240706总结(线段树应用)
    A-PhysicalEducationLessonsCF915EPhysicalEducationLessons题解:没什么好说的,动态开点模板题(好像普通线段树也可以做)B-GCDofanArrayCF1493DGCDofanArray题解:暴力分解质因数,修改的时候也把x分解,对每个质数开一个可重集合(multiset)记录一下每个质数出现的不同位......
  • vue3管理系统常用代码总结
    管理系统常用基本模块,可满足大部分管理系统的基础模块需求。技术选型vue3+typescript1.登录功能//登录construleFormRef=ref<FormInstance>();constrouter=useRouter()//-->$routerconstsubmitForm=(formEl:FormInstance|undefi......
  • C++异常处理算法总结
    一、背景        C++的异常处理机制是用来处理程序运行过程中出现的异常情况的。异常处理可以帮助程序应对错误,避免程序崩溃,并且可以提供有意义的错误信息。下面是C++异常处理的关键概念和常用模式的总结。二、异常处理1.异常处理的基本机制        C++......
  • 7.7每周总结
    小学期周总结姓名:董泽豪学号:20223775一、学习情况周一-Hadoop学习今天我学习了Hadoop的基本概念和架构。了解了Hadoop是如何通过分布式计算来处理大数据的。通过阅读教材和观看相关视频教程,我对Hadoop的工作原理有了初步的理解。周二-MapReduce学习我深入学习了MapRedu......
  • 2024暑假重庆训练记+总结
    Day-1明天就要去重庆了今天上午有一场模拟赛有点难(sohard)改题什么的留给重庆的我吧..今天自然要放松回家之后简简单单地吃了一碗面然后回家和同学们聊天晚上也是和另一个同学聊天但是她的手机坏了所以就不聊了额(挺不巧的)然后很早就睡觉了卷王\(lhy\)还在喝咖......
  • 2024暑假第一周总结
    JAVA开发环境搭建和HelloWorld编译1、JDK安装(java开发环境安装)更改环境变量Path环境变量Path环境变量用于记住程序路径,方面在命令行窗口的任意目录启动程序老版本的jdk需要进行配置环境变量,将jdk和bin包路径复制,新建path路径Java_home环境变量告诉操作系统JDK安装在了哪个......
  • 震惊!Linux 常用命令总结,不看必定后悔!!!
    Linux是一个强大的操作系统,拥有大量的命令行工具。以下是一些常用的Linux命令及其基本用法:ls -列出目录内容。ls:列出当前目录下的文件和文件夹。ls-l:以长格式列出详细信息,包括权限、所有者、大小等。ls-a:列出所有文件,包括隐藏文件。cd -改变当前目录。cd/path/......