为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了？

html-css011

为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了？,第1张

为什么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>