首页 > 代码库 > JavaScript脚本在页面中放置的位置

JavaScript脚本在页面中放置的位置

JavaScript脚本通常放置在三个位置:

1、head部分JavaScript脚本

2、body部分JavaScript脚本

3、单独以.js结尾的文件中的JavaScript脚本

 

客户端会顺序读取并解析文档内容,body部分的JavaScript脚本会优先执行,其他部分的JavaScript脚本会通过调用执行。

 

head部分JavaScript脚本

<html><head><script type="text/javascript">widow.onload=function(){     alert("该提示框是通过 onl oad 事件调用的。")} </script></head><body></body><html>

body部分JavaScript脚本

<html><head></head><body><script type="text/javascript">document.write("该消息在页面加载时输出。")</script></body></html>

单独以.js结尾的文件中的JavaScript脚本

<html><head></head><body><script src="http://www.mamicode.com/js/example_externaljs.js"></script><p>实际的脚本位于名为 "xxx.js" 的外部脚本中。</p></body></html>

 

JavaScript脚本在页面中放置的位置