@TOC

JavaScript分支结构

业务需求 : 接收页面输入的数字,判断是奇数还是偶数

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>HTML案例</title>
		<script type="text/javascript">
			// 判断一个数是奇数还是偶数
			// 定义一个数
			var num = prompt("请输入一个数字",0);
			// 开始判断是奇数还是偶数
			if(num%2==0){
				alert("是偶数");
			}else{
				alert("是奇数");
			}
		</script>
	</head>
	<body>		
	</body>
</html>

上面的代码中有一个 prompt(提示语句,默认值); 这个方法,它是干嘛的呢?
它可以接收用户输入哦!
在这里插入图片描述

JavaScript函数

JS函数就是Java中的方法,可以写带参数的 也可以写不带参数的,而且需要注意的就是因为JS中没有类型一说(都是var)所以定义函数的时候返回值类型 和 参数类型都不需要定义

语法规则

在这里插入图片描述

举例 : 定义无参函数

业务需求 : 点击一个按钮输出Hello,JavaScript!
代码

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>HTML案例</title>
		<script type="text/javascript">
			function sayHello(){
				alert("Hello,JavaScript!");
			}
		</script>
	</head>

	<body>
		<button type="button" onclick="sayHello();">别说话,点我!</button>
	</body>
</html>

效果：
在这里插入图片描述

举例 : 定义有参函数

需求 : 点击按钮计算 1+1=?
代码 :

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>HTML案例</title>
		<script type="text/javascript">
			function jisuan(num1,num2){
				alert(num1 + "+" + num2 + "=" + (num1+num2));
			}
		</script>
	</head>

	<body>
		<button type="button" onclick="jisuan(1,1);">别说话,点我!</button>
	</body>
</html>

在这里插入图片描述
需求 : 传输 姓 和 名进行拼接输出
代码 :

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>HTML案例</title>
		<script type="text/javascript">
			function xingming(x,m){
				alert(x+m);
			}
		</script>
	</head>

	<body>
		<button type="button" onclick="xingming('赵','文明');">别说话,点我!</button>
	</body>
</html>

此处需要注意的是,如果有参数的方法参数值是字符类型需要特殊标记 '字符' 因为不管是Java 还是 JavaScript 字符还是字符! 是字符就需要 '字符值'
什么? 为什么不用 "字符值"? 双引号代表字符串,而且再说双引号里面如果不转义是写不了双引号的,假如你写了........

<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>HTML案例</title>
		<script type="text/javascript">
			function xingming(x,m){
				alert(x+m);
			}
		</script>
	</head>

	<body>
		<button type="button" onclick="xingming("赵","文明");">别说话,点我!</button>
	</body>
</html>

在这里插入图片描述

JS函数的触发事件

在这里插入图片描述

JS中的预定义函数

当然,JS除了我们自己定义函数以外,给预定了很多很好用的系统函数,如

parseInt ("字符串")
将字符串转换为整型数字
如: parseInt ("86")将字符串“86“转换为整型值86
parseFloat("字符串")
将字符串转换为浮点型数字
如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
isNaN()
用于检查其参数是否是非数字
如:
alert(isNaN("文字")); 页面显示 true
alert(isNaN(1)); 页面显示 false

Q.E.D.