JavaScript 是脚本语言，是可插入HTML页面的编程代码。
HTML 中的脚本必须位于 <script> 与 </script> 标签之间，脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
1、操作HTML
如果使用"id"属性表示HTML元素，在JS中使用document.getElementById(id)访问该元素。
实例：1.通过指定的 id 来访问 HTML 元素，并改变其内容 2.在页面写入<p>元素内容
注意：如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
<!DOCTYPE html>
<html>
<body>
<h1>My Page</h1>
<p id="test1">这是一个段落</p>
<script>
document.getElementById("test1").innerHTML="我要变成JavaScript";
document.write("<p>Are you ok?</p>")
</script>
</body>
</html>
2、JS变量和数据类型
JS数据类型有字符串、数字、布尔、数组、对象、Null、Undefined
<!DOCTYPE html>
<html>
<body>
<script>
var a="app"; //字符串使用单引号或双引号
var b='app';
var c=22;//只有一种数字类型
var d=3.14;
var vegetables=new Array("tomatoes","potato","cucumber");//数组的下标是基于零开始的
var person={
name: "helen",
age: "25",
sex: "femax",
};
document.write(a+ "<br>")
document.write(b+ "<br>")
document.write(c+ "<br>")
document.write(d+ "<br>")
document.write(vegetables+ "<br>")
document.write(vegetables[1]+"<br>")
document.write(person.name+"<br>")
document.write(person["age"]+"<br>")
</script>
</body>
</html>
Undefined 这个值表示变量不含有值，可以通过将变量的值设置为 null 来清空变量。
3、JS对象和函数
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等，在JS中，对象是拥有属性和方法的数据。
<!DOCTYPE html>
<html>
<body>
<script>
car=new Object();//创建一个对象，这里的对象是一辆车
car.color="white"; //添加对象的属性
car.price=300000;
car.speed=80;
car.brand="BENZ";
document.write(car.brand+ "'s price is" + car.price);
</script>
</body>
</html>
函数就是包裹在花括号中的代码块，前面使用了关键词 function，带有参数的函数需要注意参数要一一对应。
function functionname()
{
这里是要执行的代码
}<!DOCTYPE html>
<html>
<body>
<p>调用带参数的函数。</p>
<p id="test2">我最大</p>
<button onclick="hi('helen')">hi</button>
<script>
document.getElementById("test2").innerHTML=max(10,8);
function max(a,b)
{
if (a>b)
{
return a;
}
return b
}
function hi(name)
{
alert("Welcome " + name);
}
</script>
</body>
</html>
函数内部声明的变量var是局部变量，只能在函数内部访问，只要函数运行完毕，本地变量就会被删除，所以可以在不同的函数中使用相同的名称的变量。
在函数外声明的变量是全局变量，所有函数都可以访问。