javascript代码应当放在html代码哪个位置比较好_
在哪里放置 javascript 代码?
通常状况下,javascript 代码是和 html 代码一起用法的,可以将 javascript 代码放置在 html 文档的任何地方。但放置的地方,会对 javascript 代码的正常执行会有肯定影响,具体如下所述。
放置于head/head之间
将 javascript 代码放置于 html 文档的 head/head 标签之间是一个通常的做法。由于 html 文档是由扫瞄器从上到下依次载入的,将 javascript 代码放置于head/head 标签之间,可以确保在需要用法脚本之前,它已经被载入了:
代码如下:
html
head
html document是什么 script type=text/javascript
……
javascript 代码
通常状况下,javascript 代码是和 html 代码一起用法的,可以将 javascript 代码放置在 html 文档的任何地方。但放置的地方,会对 javascript 代码的正常执行会有肯定影响,具体如下所述。
放置于head/head之间
将 javascript 代码放置于 html 文档的 head/head 标签之间是一个通常的做法。由于 html 文档是由扫瞄器从上到下依次载入的,将 javascript 代码放置于head/head 标签之间,可以确保在需要用法脚本之前,它已经被载入了:
代码如下:
html
head
html document是什么 script type=text/javascript
……
javascript 代码
……
/script
/head
....
放置于body/body之间
也有部分状况将 javascript 代码放置于 body/body 之间的。设想如下一种状况:我们有一段 javascript 代码需要操作 html 元素。但由于 html 文档是由扫瞄器从上到下依次载入的,为避开 javascript 代码操作 html 元素时,html 元素还未载入而报错(对象不存在),因此需要将这段代码写到 html 元素后面,例子如下:
代码如下:
html
head
/head
body
/body
/script
/head
....
放置于body/body之间
也有部分状况将 javascript 代码放置于 body/body 之间的。设想如下一种状况:我们有一段 javascript 代码需要操作 html 元素。但由于 html 文档是由扫瞄器从上到下依次载入的,为避开 javascript 代码操作 html 元素时,html 元素还未载入而报错(对象不存在),因此需要将这段代码写到 html 元素后面,例子如下:
代码如下:
html
head
/head
body
/body
div id=div1/div
script type=text/javascript
lementbyid(div1).innerhtml=测试文字;
/script
/html
但通常状况下,我们操作页面元素一般都是通过大事来驱动的,所以上面这种状况并不多见。另外我们不建议将 javascript 代码写到 html/html 之外。
提示
假如 html 文档声明为 xhtml ,script/script 标签必需在 cdata 部分内声明,否则 xhtml 将把 script/script 标签解析为另一个 xml 标签,里面的 javascript 代码可能不会正常执行。因此,在严格的 xhtml 中用法 javascript 应当像如下示例一样声明:
代码如下:
html
head
script type=text/javascript
script type=text/javascript
lementbyid(div1).innerhtml=测试文字;
/script
/html
但通常状况下,我们操作页面元素一般都是通过大事来驱动的,所以上面这种状况并不多见。另外我们不建议将 javascript 代码写到 html/html 之外。
提示
假如 html 文档声明为 xhtml ,script/script 标签必需在 cdata 部分内声明,否则 xhtml 将把 script/script 标签解析为另一个 xml 标签,里面的 javascript 代码可能不会正常执行。因此,在严格的 xhtml 中用法 javascript 应当像如下示例一样声明:
代码如下:
html
head
script type=text/javascript
![cdata[
javascript 代码
]]
/script
/head
....
以上两种将 javascript 代码写到 html 文档中的方式,都是 html 文档内部引用 javascript 代码的方式。除了内部引用,还可以用法外部引用方式。
外部引用 javascript 代码
将 javascript 代码(不包括script/script标签)单独形成一个文档,并以 js 后缀命名,如 myscript.js ,并在 html 文档 script/script 标签中用法 src 属性来引用该文件:
代码如下:
html
head
script type=text/javascript src=myscript.js/script
javascript 代码
]]
/script
/head
....
以上两种将 javascript 代码写到 html 文档中的方式,都是 html 文档内部引用 javascript 代码的方式。除了内部引用,还可以用法外部引用方式。
外部引用 javascript 代码
将 javascript 代码(不包括script/script标签)单独形成一个文档,并以 js 后缀命名,如 myscript.js ,并在 html 文档 script/script 标签中用法 src 属性来引用该文件:
代码如下:
html
head
script type=text/javascript src=myscript.js/script
/head
....
在用法了外部引用 javascript 代码之后,其好处自不待言:
1.避开在 javascript 代码里用法 !-- ... //--
2.避开用法难看的 cdata
3.公共的 javascript 代码可以被复用于其他 html 文档,也利于 javascript 代码的统一维护
4.html 文档更小,利于搜索引擎收录
5.可以压缩、加密单个 javascript 文件
6.扫瞄器可以缓存 javascript 文件,削减宽带用法(当多个页面同时用法一个 javascript 文件的时候,通常只需下载一次)
7.避开用法简单的 html 实体,如可以挺直用法 document.write(21) 而无需写作 document.write(21)
将 javascript 代码形成为外部文件,也会增加服务器的 http 恳求负担,在超高并发恳求的环境下,这并不是一个好的策略。另外 在引用外部 js 文件时,需留意文件的正确路径。
....
在用法了外部引用 javascript 代码之后,其好处自不待言:
1.避开在 javascript 代码里用法 !-- ... //--
2.避开用法难看的 cdata
3.公共的 javascript 代码可以被复用于其他 html 文档,也利于 javascript 代码的统一维护
4.html 文档更小,利于搜索引擎收录
5.可以压缩、加密单个 javascript 文件
6.扫瞄器可以缓存 javascript 文件,削减宽带用法(当多个页面同时用法一个 javascript 文件的时候,通常只需下载一次)
7.避开用法简单的 html 实体,如可以挺直用法 document.write(21) 而无需写作 document.write(21)
将 javascript 代码形成为外部文件,也会增加服务器的 http 恳求负担,在超高并发恳求的环境下,这并不是一个好的策略。另外 在引用外部 js 文件时,需留意文件的正确路径。
...
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论