JavaScript代码应该放在HTML代码哪个位置比较好

2019-12-31 06:17 来源:未知

标签

在哪儿放置 JavaScript 代码?

要在 HTML 中应用 JavaScript ,必要接收

平日性状态下,JavaScript 代码是和 HTML 代码一齐利用的,能够将 JavaScript 代码放置在 HTML 文书档案的别的地点。但放置的地点,会对 JavaScript 代码的健康实践会有一定影响,具体如下所述。

标签,并定义 type 属性值为 text/javascript ,正如前方的 alert 弹出提醒框 例子所示:

放置于之间

复制代码 代码如下:

将 JavaScript 代码放置于 HTML 文书档案的

万般单独的 JavaScript 代码是没什么意思的, JavaScript 代码日常会结合 HTML 代码一齐利用,因为 JavaScript 本来正是为了弥补 HTML 的弱项而发出的。上面是 JavaScript 代码和 HTML 代码一齐使用的事例:

标签之间是一个平时的做法。由于 HTML 文书档案是由浏览器从上到下依次载入的,将 JavaScript 代码放置于 标签之间,可以保险在急需采纳脚本早前,它早就被载入了:复制代码 代码如下:

复制代码 代码如下:

....

图片及文字内容

停放于之间

平日,JavaScript 代码放置于

也会有意气风发部分情形将 JavaScript 代码放置于

标签之内,更详实的原委请参阅《JavaScript 代码放置于 HTML 哪个地点?》。

里头的。杜撰如下风华正茂种状态:大家有后生可畏段 JavaScript 代码须要操作 HTML 成分。但鉴于 HTML 文书档案是由浏览器从上到下依次载入的,为避免 JavaScript 代码操作 HTML 成分时,HTML 成分尚未载入而报错,因而须要将这段代码写到 HTML 成分前边,例子如下:复制代码 代码如下:

但普通状态下,大家操作页面成分平常都以经过事件来驱动的,所以地点这种气象并非常少见。此外大家不建议将 JavaScript 代码写到 之外。

提示

若是 HTML 文档注明为 XHTML ,

标签必需在 CDATA 有的内注脚,不然 XHTML 将把

标签深入剖判为另一个 XML 标签,里面包车型客车 JavaScript 代码恐怕不会健康实践。因此,在严酷的 XHTML 中运用 JavaScript 应该像如下示例雷同申明:复制代码 代码如下:

....以上二种将 JavaScript 代码写到 HTML 文书档案中的格局,都以 HTML 文书档案内部援引 JavaScript 代码的点子。除了内部引用,仍然为能够运用外界援引方式。

表面引用 JavaScript 代码

将 JavaScript 代码(不包括

标签)单独产生一个文档,并以 js 后缀命名,如 myscript.js ,并在 HTML 文书档案

标签中动用 src 属性来援用该文件:复制代码 代码如下:

....

在行使了外界援引 JavaScript 代码之后,其好处说来说去:1.防止在 JavaScript 代码里应用 2.幸免采用难听的 CDATA3.集体的 JavaScript 代码能够被复用于其余 HTML 文书档案,也便于 JavaScript 代码的联合爱抚4.HTML 文书档案更加小,利于搜索引擎收音和录音5.方可减小、加密单个 JavaScript 文件6.浏览器能够缓存 JavaScript 文件,减弱宽带使用(当几个页面同期利用叁个 JavaScript 文件的时候,平时只需下载三次)7.制止使用复杂的 HTML 实体,如能够从来运用 document.write 而无需写作 document.write

将 JavaScript 代码造成为外界文件,也会大增服务器的 HTTP 央浼担任,在超级高并发央求的条件下,那并非三个好的战术。其余 在引用外部js 文件时,需注意文件的不利路径。

TAG标签:
版权声明:本文由金沙澳门唯一官网发布于金沙澳门登陆网站,转载请注明出处:JavaScript代码应该放在HTML代码哪个位置比较好