一、JavaScript 语法应用
HTML 应用 JavaScript 语法的 3 种方式
1.内嵌式：又称行内式，在HTML标签上编写JS，如： <button οnclick="alert('你好JavaScript');">Hello JavaScript</button>
2.内部式：在HTML页面中的script标签中编写JS，如:<script>...</ script >
3.外部式：在HTML页面中引入外部JS文件，如：<script src=“xx.js"></ script >
JS变量的定义：var name=“hello”;
二、变量命名规则：
变量名只能包含：字母、数字、下划线( _ )
不能以数字开头
不能使用JS关键字 变量名区分大小写，
下面是两个不同的变量
var name=“学习”;
var Name=“XueXi” ;
三、JavaScript 数据类型：
字符串（String） 数字（Number） 布尔（Boolean） 对象（Object） 空（Null）
未定义（Undefined）
例如：
<script type=“text/javascript”>
var name = “张三”; // 字符串(单引号或双引号)
var age = 20; // 数字
var isFirst = true; // 布尔( true 或 false )
var company = new Object(); // 对象
var address = null; // 空
var phone; // 未定义
</script>
四、JS 注释编写有两种方式：单行注释 和 多行注释（与C语言注释方法一样）
示例如下：
<script type=“text/javascript”>
var name = “张三”; // 姓名
/*
x初始值必须为 20
如果大于20则…
*/
var x = 20
</script>
以下为简单JS举例：
要求：
以下为结果和源代码：
练习一：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var num=Number(prompt("请输入一个整数："));
if(num>=100 && num<=200){
alert(num+"在100~200间")
}
else{
alert(num+"不在100~200间")
}
</script>
</body>
</html>
练习二：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var a=Number(prompt("请输入第一个整数："));
var b=Number(prompt("请输入第二个整数："));
alert("初始值：a="+a+" b="+b);
var c;
c=a;a=b;b=c;
alert("交换后：a="+a+" b="+b);
</script>
</body>
</html>
练习三：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var n1=Number(prompt("请输入第一个整数："));
var n2=Number(prompt("请输入第二个整数："));
if(n1>=n2)
alert("最大的那个数是："+n1);
else
alert("最大的那个数是："+n2);
</script>
</body>
</html>
谢谢观看！