深入显出JavaScript （二） 代码放置位置与执行顺序
日期：2014-05-16 浏览次数：20330 次
深入浅出JavaScript （二） 代码放置位置与执行顺序
- JavaScript与JScript关系
- 这样追溯的以前,javaScript和Jscript分别是netscape公司和microsoft公司为自己的浏览器而设计开发的脚本语言，在这两种脚本语言没有统一标准以前，很多的Web程序员不得不为不同的浏览器而设计不同的脚本语言运行，很是苦恼，为了解决脚本同一问题，于是诞生了ECMAScript,是一种国际标准化的javascript版本。现在的主流浏览器都支持这种版本。现在javaScript这个词也是代表这两种标准的意思，于是用了这个词语。
- JavaScript开发环境与编辑工具
- 它的运行环境很简单，只需要拥有浏览器既可以运行javaScript代码
- 编辑工作也有很多种，比如常见的PSPad、DreamWave、VS、记事本等等
- JavaScript基本架构
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>第一份JavaScript程序</title> </head> <body> <script language="javascript"> //批注文字隐藏 <!-- document.write("第一个JavaScriptc程序<br>"); --> </script> </body> </html>上面的<!-- …… -->是为了解决浏览器不兼容的问题，如果旧版浏览器不兼容JavaScript代码，将隐藏JavaScript代码，否则会把它视为HTML代码一部分显示在浏览器中，称为无用信息。
- JavaScript程序代码的位置
Head区域的JavaScript代码
在Head区域的JavaScript代码是为了保证运行程序代码调用前相关函数程序代码已经加载，因为代码执行是从上到下依次执行，通常这个区域代码为了Body区域程序代码所调用的事件或处理函数，如下代码执行结果：
<title>第一份JavaScript程序</title>
<script language="javascript">
//批注文字隐藏
<!--
function showmessage()
{
alert("Head区域的JavaScript程序代码");
}
-->
</script>
</head>
<body onload="JavaScript:showmessage();">
<h2>Head区域的JavaScript程序代码</h2>
<hr>
在Head区域运行事件处理程序
</body>
执行结果为：
当弹出框弹出来时，Body部分内容已经显示出来，即这部分代码已经加载完，Body部分代码是在Head区域之前加载。
Body区域的JavaScript代码
在加载网页时，Body区域内的程序代码会马上运行，这些程序代码输出的内容属于网页的一部分，看下面代码
<body >
<h2>Body区域的JavaScript程序代码</h2>
<hr>
<script language="javascript">
//批注文字隐藏
<!--
alert("Body区域的JavaScript程序代码");
-->
</script>
在Body区域运行事件处理程序
</body>
执行结果为：
此次执行结果中，Body在<JavaScript>后面的代码没有执行，说明在Body里的代码用网页加载时马上执行，而不是调用时再执行，因此需要调用或处理事件的函数或代码应当放入Head区域里面。
另外，如果把调用代码卸载Body里面，因为我们所做的操作都是属于网页一部分，也需要写在网页内部。
- 写作风格
JavaScript写作风格在上一篇博客已经说明，这里需要注意下载 { } 大括号后面没有“ ；”号。
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
