@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.