为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行：
1.立即执行的JS代码会受位置的影响。
2.假如你把JS外部引用放入HEAD里,而你在该JS文件中试图直接访问DOM中的一个BODY的子元素,就可能产生错误,因为该JS在执行时,浏览器还没有准备好BODY的DOM。
3.如果是这样,你可以把JS引用移到所有它要访问元素标签之后,这样就不会出错了。
JS：
JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。
html运行JS的方式有：
通过引入外部的JS文件来调用，一般将JS写在一个外部文件中，封装起来，然后在调用，举个实例：
<html>
<head>
<style>
#div1{
width:460px
height:200px
position:absolute
}
</style>
</head>
<script type='text/javascript' src='js文件的地址'></script>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
2.在Js中通过<script></script>这个标签，将JS写在里面也是可以的，请看代码：
<html>
<head>
<style>
#div1{
width:460px
height:200px
position:absolute
}
</style>
<script>
var oDiv = document.getElementById('div1')
var Let = Div.style.left //上下的值，
var Rig = Div.style.top
</script>
</head>
<body>
<div id='div1'>
<p>我是测试文字</p>
</div>
</body>
</html>
