<!doctype html>
<html lang="en">
<head>
<title>图片切换</title>
<style>
li{
list-style-type:none
}
#ad{
width:524px
text-align:center
}
#ad_screen{
width:524px
height:190px
float:left
}
.ad_page{
float:left
margin-top:-30px
margin-left:210px
}
.ad_page li{
float:left
background-color:#999
width:20px
height:20px
margin-left:3px
}
.ad_page li a{
color:#fff
}
</style>
<script>
function changead(num,refre)
{
if(num == 5)
num = 1
var sc = document.getElementById("screens")
sc.src="images/ad-0" + num+ ".jpg"
}
</script>
</head>
<body>
<div class="middle">
<div id="ad">
<div id="ad_screen">
<img id="screens" src="images/ad-01.jpg" width="524" height="190">
</div>
<ul class="ad_page">
<li><a href="#" id="p1" onclick="changead(1)">1</a></li>
<li><a href="#" id="p2" onclick="changead(2)">2</a></li>
<li><a href="#" id="p3" onclick="changead(3)">3</a></li>
<li><a href="#" id="p4" onclick="changead(4)">4</a></li>
</ul>
</div>
</div>
</body>
</html>
<style>里面是样式，图片路径因为我的图片是连续的1，2，3，4，所以就可以直接这样写方法
问题在于 name="submit"
问题所在
document.forms[0].submit 获取到的是 name="submit" 子元素。如果这个子元素不存在，那就是获取到 submit 方法。
要找出问题所在很简单，查看控制台，发现submit不是方法，但是它存在。
控制台
我们打印一下
打印变量
通过经验联想到是name的原因。说实话，你这些代码看起来已经是好多年前写的了，现在早就不这么写了。
前端工程师一般都比较喜欢的网站，推荐如下：
w3cschool
只要是学习者，学习跟电脑软件，语言相关的知识，肯定要知道的一个网站，该网站由浅入深，非常基础的给出了很多知识的概括。没事的时候，经常去看看总能有意外的收获。
runoob
这个叫菜鸟教程网的，虽然叫“菜鸟”，其实很多知识点都已经达到了中等水平，和w3cschool差不多，做了一些整合，相对来说翻译的中文比较多，可以结合着w3cschool一起看。
javascript中文网
前端开发工程师都知道，对于前端开发来说想，学习最重要语言之一就是javascript，所以要想让自己提升一个等级，javascript是必须精通的，这个网站非常基础的介绍了javascript的语言使用方式。强烈建议新手观看。
Bootstrap
一个最主流的前端主流框架之一，目前认可度最高的一个前端框架，可以用来做移动端设计。非常的适用。最主要该网站上还提供了其他很多的相关连接地址。在学习的同时也可以扩展个人见识。
如果你看到了这，那我接下来就不用介绍了，可以这么说 bootstrap这个网站里的很多东西，都是作为一个前端开发工程师学习的未来之路，例如React，Jquery，vue.js,webpack,angular.js等等等等。。。。
总结：其实前端开发是一个很广的范畴，所谓的前端开发工程师也要看你的领域，有的只做网站页面设计；有的制作web单页设计，有的专门做手机端交互等等，上面我们没提到的node.js就是前端开发的一个新领域，与其说是前端开发不如说是全端开发的新领域。知识真的是你学的越多，越发现，自己越渺小。
