JavaScript总结2

news2024/9/21 16:48:02

概述

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{            

        //结束处理        

}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1908196.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

中国各省金融监管水平-测算数据(2006-2022年)

金融监管水平是指政府及其指定机构通过法律法规对金融机构及其市场行为进行监督、管理与规范的能力和效率&#xff0c;以维护金融体系稳定、保护投资者和消费者权益、促进公平竞争及支持经济增长。衡量金融监管水平的指标多样&#xff0c;常见的一种计算方式是金融监管支出与金…

K8s驱逐场景以及规避方案参考 —— 筑梦之路

Pod 驱逐分为两种情况&#xff1a; 较安全驱逐 & 提高稳定性的良性驱逐 API 发起驱逐&#xff0c;典型案例&#xff1a;kubectl drain Node Not Ready 时&#xff0c;Controller Manager 发起的驱逐 有风险的驱逐 节点压力驱逐 节点磁盘空间不足、内存不足 或 Pid 不足&…

jmeter-beanshell学习6-beanshell生成测试报告

前面写了各种准备工作&#xff0c;内容组合用起来&#xff0c;应该能做自动化了&#xff0c;最后一步&#xff0c;生成一个报告&#xff0c;报告格式还是csv 报告生成的路径和文件&#xff0c;在用户参数写好&#xff0c;防止以后改路径或者名字&#xff0c;要去代码里面改。以…

提高Python爬虫的匿名性:代理ip的配置策略

在当今&#xff0c;网络数据采集作为获取行业信息的重要手段&#xff0c;尤其在竞争激烈的商业环境中&#xff0c;Python作为一种强大的编程语言&#xff0c;广泛应用于开发各种数据爬虫来自动化地抓取网络信息。然而&#xff0c;网站普遍采用防护措施&#xff0c;即使我们合规…

基于Java技术的B/S模式书籍学习平台

你好&#xff0c;我是专注于计算机科学领域的学姐码农小野。如果你对书籍学习平台开发感兴趣或有相关需求&#xff0c;欢迎私信联系我。 开发语言&#xff1a; Java 数据库&#xff1a; MySQL 技术&#xff1a; B/S模式、Java技术 工具&#xff1a; Eclipse、Navicat、Mave…

手写简单模拟mvc

目录结构&#xff1a; 两个注解类&#xff1a; Controller&#xff1a; package com.heaboy.annotation;import java.lang.annotation.*;/*** 注解没有功能只是简单标记* .RUNTIME 运行时还能看到* .CLASS 类里面还有&#xff0c;构建对象久没来了&#xff0c;这个说明…

高效前端开发:解密pnpm的存储与链接

什么是pnpm PNPM&#xff08;Performant NPM&#xff09;是一种快速且节省磁盘空间的包管理工具。相较于其他包管理器如NPM和Yarn&#xff0c;PNPM通过独特的存储机制和链接技术解决了许多常见的问题。以下是PNPM如何避免这些问题以及其关键技术的详细介绍。 特性 PNPM Store…

初始redis:在Ubuntu上安装redis

1.先切换到root用户 使用su命令切换到root 2.使用apt命令来搜索redis相关的软件包 命令&#xff1a;apt search redis 3.下载redis 命令&#xff1a; apt install redis 在Ubuntu 20.04中 &#xff0c;下载的redis版本是redis5 4.查看redis状态 命令&#xff1a; netst…

jmeter-beanshell学习5-beanshell加减乘除运算

我用到的场景是计算金额&#xff0c;所以主要以金额为主&#xff0c;感觉这部分有点麻烦&#xff0c;直接写遇到的几个坑&#xff0c;就不演示解决的过程了。 1.最早写了个两数相减&#xff0c;但是小数精度容易出现问题。比如1-0.010.989999997这种情况&#xff0c;随便写的几…

【Java]认识泛型

包装类 在Java中&#xff0c;由于基本类型不是继承自Object&#xff0c;为了在泛型代码中可以支持基本类型&#xff0c;Java给每个基本类型都对应了一个包装类型。 除了 Integer 和 Character&#xff0c; 其余基本类型的包装类都是首字母大写。 泛型 泛型是在JDK1.5引入的…

第一百四十九节 Java数据类型教程 - Java子字符串、字符串转换

Java数据类型教程 - Java子字符串 获取子字符串 我们可以使用substring()方法来获取字符串的子部分。 我们可以将开始索引作为参数&#xff0c;并返回一个从开始索引开始到字符串结尾的子串。 我们还可以将开始索引和结束索引作为参数。 它返回从开始索引开始的子字符串和小…

项目记录:一个用python编写的简易版点餐系统

最近无聊做了一个简易版本的点餐系统&#xff0c;简单记录一下。吐槽一下最近的心情&#xff0c;最近心情较差&#xff0c;应该近期会去南昌玩吧&#xff0c;懂南昌的朋友可以评论区推荐下游玩攻略&#xff0c;非常感谢&#xff01; &#xff08;1&#xff09;相关配置信息&…

基于复旦微V7 690T FPGA +ARM/海光X86+AI的全国产化数据采集人工智能平台

国产化FPGA&#xff1a;JFM7VX690T80主机接口&#xff1a;PCIe Gen3 x88Gbps/lane光纤通道&#xff1a;前面板4路SFP光纤&#xff0c;后面板1路QSFP光纤2组独立的DDR3 SDRAM 缓存&#xff0c;工作时钟频率800MHz2个FMC接口扩展&#xff1a;每个支持16路GTH&#xff0c;线速率10…

Nuxt框架中内置组件详解及使用指南(三)

title: Nuxt框架中内置组件详解及使用指南&#xff08;三&#xff09; date: 2024/7/8 updated: 2024/7/8 author: cmdragon excerpt: 摘要&#xff1a;“Nuxt 3框架中与组件的深度使用教程&#xff0c;包括如何使用这两个组件进行页面导航和加载指示的自定义配置与实战示例…

平安银行秋招攻略,考试内容详解

平安银行秋招简介 在众多的银行招聘中&#xff0c;平安银行的招聘难度相对较低&#xff0c;根据考生的反馈情况来看&#xff0c;仔细的进行准备&#xff0c;平安银行上岸并不是难题&#xff0c;那么平安银行的秋招何时开始&#xff1f; 平安银行的秋招开始时间相对较晚&#…

dependencyManagement的作用、nacos的学习

使用SpringCloudAlibaba注意各组件的版本适配 SpringCloudAlibaba已经包含了适配的各组件&#xff08;nacos、MQ等&#xff09;的版本号&#xff0c;也是一个版本仲裁者&#xff0c;但是可能已经有了父项目Spring-Boot-Starter-Parent这个版本仲裁者&#xff0c;又不能加多个父…

.hmallox勒索病毒:全面防御策略

引言 近年来&#xff0c;随着网络技术的飞速发展&#xff0c;勒索病毒成为网络安全领域的一大威胁&#xff0c;其中.hmallox勒索病毒以其高度的隐蔽性和破坏性&#xff0c;尤为引人注目。这种病毒通过加密用户计算机中的重要文件&#xff0c;并以支付赎金作为解密条件&#xff…

LeetCode——第 405 场周赛

题目 找出加密后的字符串 给你一个字符串 s 和一个整数 k。请你使用以下算法加密字符串&#xff1a; 对于字符串 s 中的每个字符 c&#xff0c;用字符串中 c 后面的第 k 个字符替换 c&#xff08;以循环方式&#xff09;。 返回加密后的字符串。 示例 1&#xff1a; 输入&…

docker部署onlyoffice,开启JWT权限校验Token

原来的部署方式 之前的方式是禁用了JWT&#xff1a; docker run -itd -p 8080:80 --name docserver --network host -e JWT_ENABLEDfalse --restartalways onlyoffice/documentserver:8 新的部署方式 参考文档&#xff1a;https://helpcenter.onlyoffice.com/installation/…

【专项刷题】— 位运算

常见类型介绍&#xff1a; & &#xff1a;有 0 就是 0 | &#xff1a;有 1 就是 1 ^ &#xff1a;相同为 0 &#xff0c;相异为 1 或者 无进位相加给定一个数确定它的二进制位的第x个数是0还是1&#xff1a;将一个数的二进制的第x位改成1&#xff1a;将一个数的二进制的第x…