JavaScript语句

最新推荐文章于 2022-12-22 14:44:20 发布
最新推荐文章于 2022-12-22 14:44:20 发布
阅读量64 收藏
点赞数
分类专栏： JavaScript html 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cclym/article/details/118856251
版权

JavaScript语句

if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码

<script type="text/javascript">
		
		if(5>3){
			console.log(`5大于3`)
		}
	</script>

在这里插入图片描述
if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码

<script type="text/javascript">
	var sex= `男`
	if (sex == '男') {
		console.log('去男澡堂')
	} else {
		console.log('去女澡堂')
	}
	
	</script>

在这里插入图片描述

if…else if…else 语句- 使用该语句来选择多个代码块之一来执行

<script type="text/javascript">
	var chengji = 90
	if (chengji>=90){
		console.log(`A-优秀`)
	}else if(chengji>=80){
		console.log(`B-良好`)
	}else if(chengji>=60){
		 console.log(`C-合格`)
	}else if(chengji>=59){
		console.log(`D-不及格`)
	}
	
	
	</script>

在这里插入图片描述
if简易计算器

<style type="text/css">
			.input{
				width: 100px;
				height: 30px;
				background: #BFBFBF;
				outline: none;
				border: 0;
				font-size: 15px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<input type="number" id="box1" class="input">
		<select name="" id="box2" class="input">
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		<input type="number" id="box3" class="input">
		<input type="button" id="box4" class="input" value="=">
		<input type="number" id="box6" class="input">

	</body>
	<script type="text/javascript">
		var box1 = document.getElementById(`box1`)
		var box3 = document.getElementById(`box3`)
		var box6 = document.getElementById(`box6`)
		var box2 = document.getElementById(`box2`)
		var box4 = document.getElementById(`box4`)
		box4.onclick = function() {
			var box1Value = box1.value * 1
			var box3Value = box3.value * 1
			console.log(box1Value);
			var box2Value = box2.value
			if (box2Value == '+') {
				box6.value = box1Value + box3Value
			} else if (box2Value == '-') {
				box6.value = box1Value - box3Value
				console.log(box6.value)
			} else if (box2Value == '*') {
				box6.value = box1Value * box3Value
				console.log(box6.value)
			} else if (box2Value == '/') {
				box6.value = box1Value / box3Value
				console.log(box6.value)
			}
		}
	</script>

在这里插入图片描述
switch
简单计算器

<style type="text/css">
			.input {
				width: 100px;
				height: 30px;
				background: #BFBFBF;
				outline: none;
				border: 0;
				font-size: 15px;
				text-align: center;
			}
		</style>
	</head>
	<body>
		<input type="number" id="box1" class="input">
		<select name="" id="box2" class="input">
			<option value="+">+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
		</select>
		<input type="number" id="box3" class="input">
		<input type="button" id="box4" class="input" value="=">
		<input type="number" id="box6" class="input">

	</body>
	<script type="text/javascript">
		var box1 = document.getElementById(`box1`)
		var box3 = document.getElementById(`box3`)
		var box6 = document.getElementById(`box6`)
		var box2 = document.getElementById(`box2`)
		var box4 = document.getElementById(`box4`)
		box4.onclick = function() {
			var box1Value = box1.value * 1
			var box3Value = box3.value * 1
			console.log(box1Value);
			var box2Value = box2.value
			switch (box2Value) {
				case `+`:
				box6.value = box1Value + box3Value
				break
				case `-`:
				box6.value = box1Value - box3Value
				break
				case `*`:
				box6.value = box1Value * box3Value
				break
				case `/`:
				box6.value = box1Value / box3Value
				case `+`:
				box6.value = box1Value + box3Value
				break

			}
		}
	</script>
</html>


</head>
<body>
	<input type="number" id="box1" class="input">
	<select name="" id="box2" class="input">
		<option value="+">+</option>
		<option value="-">-</option>
		<option value="*">*</option>
		<option value="/">/</option>
	</select>
	<input type="number" id="box3" class="input">
	<input type="button" id="box4" class="input" value="=">
	<input type="number" id="box6" class="input">

</body>
<script type="text/javascript">
	var box1 = document.getElementById(`box1`)
	var box3 = document.getElementById(`box3`)
	var box6 = document.getElementById(`box6`)
	var box2 = document.getElementById(`box2`)
	var box4 = document.getElementById(`box4`)
	box4.onclick = function() {
		var box1Value = box1.value * 1
		var box3Value = box3.value * 1
		console.log(box1Value);
		var box2Value = box2.value
		switch (box2Value) {
			case `+`:
			box6.value = box1Value + box3Value
			break
			case `-`:
			box6.value = box1Value - box3Value
			break
			case `*`:
			box6.value = box1Value * box3Value
			break
			case `/`:
			box6.value = box1Value / box3Value
			case `+`:
			box6.value = box1Value + box3Value
			break

		}
	}
</script>

在这里插入图片描述

for循环

<script type="text/javascript">
		for(var i = 0;i<10;i++){
			console.log(i)
		}
	</script>

在这里插入图片描述
99乘法表

<script type="text/javascript">
		var stt = " "
		for (var i = 1; i <= 9; i++) {
			for (var k = 1; k <= i; k++) {
				var a = i + '*' + k + '=' + i * k + '   '
				stt += a
			}
			stt += '<br />'
		}
		console.log(stt)
		document.write(stt)
	</script>

在这里插入图片描述

while

<script type="text/javascript">
		var i = 0
		while(i<100){
			console.log('hello world')
			i++
		}
		
		var a = 100
		while(a>0){
			console.log('hi')
			a--
		}
	</script>

在这里插入图片描述

<script type="text/javascript">
		var a = 0
		do {
			console.log('1000')
			a++
		} while (a < 100)
	</script>

在这里插入图片描述
将可能会报错的代码放在try中
catch块中就是我们对错误的处理方式
finally块中的代码不管是否产生错误都会执行

<script type="text/javascript">
		
		try {
			console.log(a)
		} catch (err) {
			console.log(err)
		}finally{
			console.log(1000)
		}
	</script>

在这里插入图片描述

早川c
关注
专栏目录
JavaScript 语句
12-14
JavaScript 语句 JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。 JavaScript 语句 JavaScript 语句是发给浏览器的命令。 这些命令的作用是告诉浏览器要做的事情。 下面的 JavaScript 语句...
javaScript语句大全2015
06-26
总的来说，2015年的JavaScript语句大全涵盖了变量声明、控制流程、函数、数据结构、面向对象、错误处理、异步编程和模块化等多个方面。这些知识点构成了JavaScript编程的基础，对于任何想要深入了解和使用JavaScript...
java script基础总结（语句；循环）
m0_68359121的博客
05-09 380
7.语 句 7-1.表达式和语句 表达式：是一组代码的集合，JavaScript解释器会将其计算出一个结果 语句：js 整句或命令，js 语句是以分号结束（可以省略） 区别：表达式计算出一个值，但语句用来自行以使某件事发生(做什么事) 7-2.分支语句 ​ 有的时候要根据条件选择执行代码，这种就叫分支结构 单分支 ​ ​ if（条件） { ​ 如果条件成立，则执行这行代码，否则不执行 ​ } let score = +prompt('请输入高考
Shell Script控制语句
Ghosind
04-05 407
Shell Script中的条件及控制语句，控制语句包括if、for、while、until、case、break、continue。
java之流程控制
abc20699的专栏
11-14 425
Script常用输出语句
m0_46966817的博客
09-06 888
1、alert("")：弹出提示框，弹出期间无法关闭、移动浏览器 2、console.log("")：在控制台显示信息 3、prompt("")：弹出输入框，让用户输入信息 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script ty...
java script条件体语句,Java Script
weixin_35227213的博客
03-10 280
概述java script简称(JS)，它是一种脚本语言，同时也是目前唯一一种通用的浏览器脚本语言，所有浏览器都支持。可以让网页呈现出各种特殊的效果，为用户提供良好的互动体验。语句JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。var a = 1+3;var a = 1+3; var b = "abc";上面这条语句先用了var命令，声明了变量a，然后将1+3计...
javascript语句
09-12
js语句{ block语句 var语句 try catch语句 函数、switch 循环 严格模式 }
javascript语句中的CDATA标签的意义
10-30
### JavaScript语句中的CDATA标签的意义 #### 一、引言 在现代Web开发中，JavaScript是一种必不可少的编程语言，它不仅被广泛应用于浏览器端的脚本编写，还常常与HTML和CSS结合使用来构建动态网页。然而，在某些...
c#后台输出javascript语句示例程序
09-04
这个示例程序展示了如何在C#后台生成并输出JavaScript语句，从而影响前端页面的行为。以下是对这些功能的详细解释： 1. **弹出JavaScript对话框**： `WriteMessage` 方法用于在前端显示一个JavaScript弹出对话框。...
Java Script 语法总结
Zincy星辰
04-13 1438
1. 引入方式 内嵌式。 在 <script> 标签 <body> <script> alert("hello"); </script> </body> 行内式。 在 HTML 标签的一些属性里直接写 JS 代码 <input type="button" value="按钮" onclick="alert('hello')"> 外部式。 把 JS 写到单独的文件里，使用 script 标签引
script标签4种的四种用法，你知道几种？
weixin_44384265的博客
11-24 8598
本文主要是基于《HTML标准》4.12节讲解script元素，主要的内容是script标签的4种用法：js传统脚本、js模块脚本、importmap、数据块。
JavaScript知识点梳理
最新发布
jbkouohb的博客
12-22 362
var name = "张三";var age;age = 18;正则表达式是由字符序列形成的一类搜索模式，它可以通过自定义的一些列符号来搜索你要查询的内容，它可以是一个简单的符号，也可以是一连串的复杂的模式，他常常用来搜索或者替代文本的操作。直接量语/ 正则表达式主体 / 修饰符（可有可无）创建对象注：如果表达式返回的结果为true则说明表达式的格式正确，反之则不正确！//字符串校验 < script > var reg = new RegExp("cheshi");
学习JavaScript
江西第一深情的博客
09-04 298
JavaScript
ElasticSearch之script语法使用
勤于笔记，成于点滴。
07-26 4679
script参数能够自由定义需要比较运算的字段
Script入门篇
greenHandCh的博客
01-08 1658
今天学的是script基础部分，目前，所有主流浏览器都支持JavaScript，全世界大部分网页都使用JavaScript，它可以让网页呈现各种动态效果。使用标签在HTML网页中插入JavaScript代码。注意， 标签要成对出现，并把JavaScript代码写在之间。 有人问：javascript和java有什么关系？答：范伟和范玮琪的关系； JavaScript代码可以写在HTML文件里面
java script语法（一）
yangyelinmei的博客
05-16 2203
Java Script基础 一、js简介： 简介： Java Script 是属于HTML和web的编程语言 Java Script 可以对网页进行编程 基本用处： Java Script 能够改变HTML内容 Java Script 能够改变HTML属性 Java Script 能够改变HTML样式 Java Script 能够隐藏HTML元素 Java Script 能够显示HTML元素 二、js使用： （一）基本语法： 在HTML中，Java Script 代码必须位于<script&g
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值