JavaScript基础语法

JavaScript脚本语言

JavaScript是嵌入到HTML中执行的脚本语言,所以了解HTML和CSS对学习JavaScript有一定的帮助,最好掌握HTMl中常用的标签,CSS常用选择器以及属性。
JavaScript是一种客户端脚本语言(脚本语言是一种轻量级的编程语言)
JavaScript通常被直接嵌入HTML页面,由浏览器解释执行
JavaScript是一种解释性语言

JavaScript使用方法

1.内部JavaScript使用
标签
2.外部JavaScript使用
使用外部导入js会使代码更加有序,更易于复用,且没有了脚本的混合,HTML会更加易读

<script type="text/javascript" src="./my.js"> </script>

3.内联JavaScript处理器:
就是将js代码写入到html代码中,如在html标签事件中或超链接里面。

<button onclick="alert('Hello World')">点击我</button>

JavaScript基础语法

1.直接写到文件当中去,document.write()
2.输出到控制台中,console.log()
3.进行替换,document.getElementById(“did”).innerHTML=“bbbbbb”
这句话的意思是:获取页面中id属性值为did的标签(元素),并将元素中内容替换。
4.window.alert()弹出警告框

变量

  • 什么是变量

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据

  • 为什么要使⽤变量

使⽤变量可以⽅便的获取或者修改内存中的数据

变量的命名规则和规

  1. 由字⺟、数字、下划线、$符号组成,不能以数字开头
  2. 不能是关键字和保留字,例如:for、 if、while。
  3. 区分⼤⼩写
  4. 变量名必须有意义
  5. 遵守驼峰命名法。⾸字⺟⼩写,后⾯单词的⾸字⺟需要⼤写。例如:userName、userPassword

类型转换

JavaScript变量可以转换成新变量或者其它数据类型

  • 通过使用JavaScript函数。例如:console.log(parseInt(“40abc”))
  • 通过JavaScript自身自动转换。例如:console.log(true+1)

JavaScript运算符

算数运算符
  • 算数运算符

在这里插入图片描述

  • 赋值运算符

在这里插入图片描述

  • 比较运算符
    在这里插入图片描述
  • 逻辑运算符
    在这里插入图片描述
  • 位运算符
    在这里插入图片描述

JavaScript流程控制

JavaScript基础语法包括数据类型、运算符、选择结构和循环结构。在JavaScript中,所有的类型都是用var关键字来修饰,但实际中还是有类型区分的。常见的数据类型包括字符串、数字、布尔值、对象和数组等。 运算符用于进行数学运算和逻辑判断。常见的运算符包括加法运算符(+)、减法运算符(-)、乘法运算符(*)、除法运算符(/)、取余运算符(%)等。逻辑运算符包括与运算符(&&)、或运算符(||)、非运算符(!)等。 选择结构用于根据条件执行不同的代码块。常见的选择结构有if语句、switch语句。if语句根据条件是否为真来执行相应的代码块,switch语句根据表达式的值来选择执行代码块。 循环结构用于重复执行一段代码。常见的循环结构有for循环、while循环和do-while循环。for循环在指定条件为真的情况下重复执行代码块,while循环在条件为真的情况下重复执行代码块,do-while循环先执行一次代码块,然后在条件为真的情况下重复执行代码块。 举个例子,下面是一段JavaScript代码: ```javascript <script> var a = 10; var b = 5; console.log(a > b && b > a); console.log(a > b || b > a); </script> ``` 在这段代码中,我们定义了两个变量a和b,并使用console.log()方法分别输出了两个逻辑表达式的结果。第一行代码中,a > b && b > a的结果为false,因为a不大于b且b不大于a。第二行代码中,a > b || b > a的结果为true,因为a不大于b或b不大于a至少有一个条件成立。 这就是JavaScript基础语法的一部分,包括数据类型、运算符、选择结构和循环结构。通过掌握这些基础知识,我们可以开始编写JavaScript程序。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [【JavaScript】基本语法大全](https://blog.csdn.net/weixin_64916311/article/details/129136028)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值