javascript代码在HTML代码中应该放在哪个位置

在哪里放置Javascript代码

通常,Javascript代码与HTML代码一起使用,可以将Javascript代码放在HTML文档的任何位置,但是放置在哪里,对Javascript代码的正常执行会产生一定的影响,如下所述。

放置在

在HTML文档的标签之间放置Javascript代码是一种常见的做法。由于HTML文档是由浏览器自上而下加载的,所以Javascript代码被放置在标记之间,确保在需要使用脚本之前加载Javascript代码。

复制代码代码如下所示:







......

Javascript代码

......





的…



放置在

也有一些Javascript代码被放置在它们之间的情况。想象下面的情况:我们有一段Javascript代码需要操作HTML元素,但因为HTML文档是由浏览器自上而下加载的。为了避免HTML元素的Javascript代码操作,HTML元素还没有加载到报告错误(对象不存在),因此我们需要将此代码写入HTML元素。

复制代码代码如下所示:















document.getelementbyid(联赛).innerHTML =测试文本;







但是通常情况下,我们操作的页面元素通常是由事件驱动的,所以这不是很多情况。此外,我们不建议将Javascript代码写出来。

提示

如果HTML文档声明XHTML标签必须在CDATA部分声明。否则,XHTML将把标签解析成另一个XML标记,而它里面的Javascript代码可能无法正常执行。因此,在严格的XHTML中使用Javascript应该声明如下:

复制代码代码如下所示:







<!{一{

Javascript代码

} } >





的…



将Javascript代码写入HTML文档的上述两种方法是在HTML文档中引用Javascript代码的方式。

Javascript代码的外部引用

Javascript代码(不包括标签)分别形成为一个文件,命名为JS后缀后,如myscript.js,和src属性在HTML文档的标签引用。

复制代码代码如下所示:









的…



使用外部引用Javascript代码后,好处显而易见:

1。避免在Javascript代码中使用

2。避免难看的CDATA

三.常见的Javascript代码可以在其他HTML文档中重用,也有利于对Javascript代码的统一维护。

4.html文件搜索引擎是小

5。可以压缩和加密单个Javascript文件。

6、浏览器可以缓存Javascript文件并减少宽带使用。当多个页面同时使用一个Javascript文件时,通常只需要下载一次。

7。避免使用复杂的HTML实体,如使用document.write(2>1)的情况下直接写document.write(2<1)

将Javascript代码形成外部文件也会增加服务器的HTTP请求负担,这在超高并发请求的环境中不是一个好策略。此外,当提到外部js文件时,必须注意文件的正确路径。