1、完成省城市的三级联动（包括湖南省），附代码和效果图。

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 </head>
 5 <body>
 6 <select id="province">
 7 <option value="-1">请选择</option>
 8 </select>
 9 <select id="city"></select>
10 <select id="country"></select>
11 <script type="text/javascript">
12 var provinceArr = ['上海','江苏','湖南'];
13 var cityArr = [
14 ['上海市'],
15 ['苏州市','南京市','扬州市'],
16 ['长沙市','常德市','张家界市']
17 ];
18 var countryArr = [
19 [
20 ['黄浦区','静安区','长宁区','浦东区']
21 ],
22 [
23 ['虎丘区','吴中区','相城区','姑苏区','吴江区'],['玄武区','秦淮区','建邺区','鼓楼区','浦口区'],['邗江区 ','广陵区','江都区']
24 ],
25 [
26 ['岳麓区','雨花区','望城区','芙蓉区'],['武陵区','鼎城区'],['永定区','武陵源区']
27 ]
28 ];
29 function createOption(obj,data){
30 for(var i in data){
31 var op = new Option(data[i],i);
32 obj.options.add(op);
33 }
34 }
35 var province = document.getElementById('province');
36 createOption(province,provinceArr);
37 var city = document.getElementById('city');
38 province.onchange = function(){
39 city.options.length = 0;
40 createOption(city,cityArr[province.value]);
41 };
42 var country = document.getElementById('country');
43 city.onchange = function(){
44 country.options.length = 0;
45 createOption(country,countryArr[province.value][city.value]);
46 };
47 province.onchange = function(){
48 city.options.length = 0;
49 createOption(city,cityArr[province.value]);
50 if(province.value>=0){
51 city.onchange();
52 }
53 else{
54 country.options.length = 0;
55 }
56 };
57 </script>
58 </body>
59 </html>

 

 

 

 2、移出数组arr（[1,2,3,4,2,5,6,2,7,2]）中与2相等的元素，并生成一个新数组，不改变原数组。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>移出数组arr中与2相等的元素</title>
 6 </head>
 7 <body>
 8 <script>
 9 var arr = [1,2,3,4,2,5,6,2,7,2];
10 document.write("原数组：" + arr);
11 var length=arr.length
12 for(var i=0;i<length;++i){
13 var str=arr.shift();
14  if(str!=2){
15         arr.push(str);
16    }
17 }
18 document.write("<br/>新数组：" + arr);
19 </script> 
20 </body>
21 </html>

 

 

 

 

 

 

 3、编写函数实现单击change按钮，为div元素添加红色双线的边框。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5 </head>
 6 <body>
 7    <div id="joy">
 8       <p>我想拥有红色双线的边框！！！</p>
 9    </div>
10  <input type="button" value="change" onclick="styleFunction()">
11    
12 <script>
13     function  styleFunction(){
14         var Color = document.getElementById("joy");
15         Color.style.border = "3px double red";
16     }
17     </script>
18 </body>
19 </html>

 

 

4、谈谈本次实训的感想：在实训中遇到了一些什么问题，如何解决的？

　　　感想：实训最大的感想就是-----站在巨人的肩膀上，事情都变的好办多了。当自己一想到还有博客园作业的时候，题目好多看起来还很难的样子，不想做，当知道有大佬做好的时候，自己迫于要交作业，尝试做一下，

当自己思路不清晰的时候，参考已有的代码，emmm瞬间明朗，所以啊一切的问题取决于与有没有交了作业了的巨人，解决问题的最好办法就是借鉴。哈哈哈！玩笑玩笑！！！

　　   题目不算很难，遇到的小问题，不清楚压栈和弹栈的方法了，打开书本60页有详细的介绍，例子讲的很清楚，样式的设置真的令人头大，因为没接触过，好在educoder略有介绍css，也够解决问题的了。 然后给你们推荐一下很好的网站，https://www.w3school.com.cn，有什么不懂的方法这里面讲的好好的，是一个学习javascrip的天堂。