JavaScript是世界上最流行的脚本语言，因为你在电脑、手机、平板上浏览的所有的网页，以及无数基于HTML5的手机App，交互逻辑都是由JavaScript驱动的，所以作为一名在web世界里的人儿，不得不学习下，至于在SEO方面的帮助有多大，我们可以拭目以待：
Javascript联动菜单基本知识点
一、找对象
用id来查询，返回值是对象
语法：document.getElementById();
用标签来查询，返回对象集合，对象集合可通过索引提取元素，跟python一样
语法：document.getElementsByTagName();
对于表单元素，可用name来查询，返回对象集合
语法：document.getElementsByName();
按照类名查找，返回对象集合
语法：document.getElementsClassName();
二、控制结构
IF语句，true就执行，false就不执行，return是返回给函数使用者
for循环：for(初始化; 控制; 运算){}
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
var area=[ ['朝阳' , '海淀' , '门头沟'] , ['淮南' , '淮北' , '合肥'] ]; //定义一个数组，里面还是继续定义数组这样一取就可以取一组地区出来
function ld(){ //定义一个函数，跟python的用法一样
var select=document.getElementById('province'); //声明变量，找对象，用Id来查询，返回一个对象
//alert(document.getElementById('province')); //返回一个对象集合
//alert('sel')
//alert(area[select.value].length) //alert一下，看area[0]/area[1]时的length
var opt='';
if (select.value == ''){ //IF语句的作用就是点击‘请选择’回到初始状态
document.getElementById('city').innerHTML=opt;
return;
}
for (var i=0, len=area[select.value].length; i<len; i++){ //IF判断为假就不会执行里面的return，进而到for循环，把province对应的area给显示出来
opt=opt + '<option value="'+ i +'">' + area[select.value][i] + '</option>'; //拼接area地区，这里为什么还要+opt自身，去掉试下就知道了
}
document.getElementById('city').innerHTML=opt; //把拼接好的area用innerHTML方法塞进去city里面
}
</script>
</head>
<body>
<select name="" id="province" onchange="ld();"> <!-- html代码，先敲这个看下就知道显示效果 -->
<option value="">请选择</option>
<option value="0">北京</option>
<option value="1">安徽</option>
</select>
<select name="" id="city">
</select>
</body>
</html>