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

html-css020

为什么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,提供了数据验证的基本功能。

JS在页面中插入HTML代码,在js的方法中写入html代码,用innerHTML函数,最后在html代码需要调用的时候,调用该方法即可。代码及步骤如下:点击定义和用法getElementById()方法可返回对拥有指定ID的第一个对象的引用。定义和用法innerHTML属性设置或返回表格行的开始和结束标签之间的HTML。

首先要看你的.JS是不是导入到你所说的.HTML文件中,如果是的话,可以将导入.JS的语句写到.HTML文件的下面,这样.JS文件就可以调用.HTML里的方法;如果你所说的是.JS与.HTML都不是同一个页面,那么你就要使用某些方法将.HTML文件的内容导入到.JS文件这样才能引用,但还是要跟上面的方法一样,.HTML里的内容要在.JS文件内容之前;

比较好的做法应该是将.HTML里的JS方法提取出来放到一个独立的.JS文件里,因为这些方法都是可以复用的,所以以后只要导入一下这个JS文件就可以了。