1.<script>元素
在HTML页面中插入JavaScript代码的主要方法就是使用<script>元素. <script>元素有两个重要的属性:
1. src：可选。表示要执行代码的外部文件。
2. type：可选。可以看成是language的替代属性；表示编写代码使用的脚本语言的内容类型。考虑到约定俗称和最大限度的浏览器兼容性，目前type属性的值依旧还是text/javascript(<script text/javascript>), 不过这个属性并不是必需的，如果没有制定这个属性，其默认值仍然是text/javacript。因为JavaScript现在是H5的默认脚本代码，所有有的时候可以忽略这个对语言类型声明的属性。
<script>元素的使用方式
1. 内嵌式
直接在HTML页面中的<script>元素中使用JavaScript代码。
在使用<script>元素嵌入JavaScript代码时，只须为<script>元素指定type属性，然后在标签里面嵌入JavaScript代码即可：
<script>
function SayHello(){
alert('Hello!');
}
</script>
包含在<script>元素内部的JavaScript代码将被浏览器从上到下依次解析（这点很重要：JavaScript代码执行顺序和页面的加载顺序都是从上至下依次进行的），在解释器对<script>元素内部的代码求值完毕以前，页面中的其余内容都不会被浏览器加载或显示。
2.外联式
通过<script>元素的src属性引入外部JavaScript文件。这个属性的值是一个指向外部的JavaScript的文件链接。例如：
<script type="text\javaScript" src="Test.js"></script>
在这个例子之中外部文件test.js会被加载到当前页面之中。外部文件只需包含在通常要包含在开始标签<script>和结束标签</script>之间的那些JavaScript代码即可。
需要注意的是：带有src属性的<script>元素不应该在其<script>和</script>属性之间再包含额外的JavaScript代码。如果包含了内部的JavaScript代码，则只会加载执行外部的JavaScript文件，而不会执行内部嵌入的JavaScript代码。
标签的位置: 按照传统的做法<script>元素一般都会位于<head></head>元素之中。例如:
<!DOCTYPE html>
<html>
<head>
<script src='Test.js'></script>
<script src='Example.js'></script>
</head>
<body>
<!--Html code here-->
</body>
</html>
Notice：这种做法的目的是为了将所有引入的外部js文件都放在同一个位置，为了增强代码的可读性，使代码更简洁规范。但是如果当一个页面要加载大量的js文件之时，由于页面的加载顺序是自上而下的，而页面之中只会显示<body></body>之中的元素内容，在这些大量的js文件未加载完成之前，页面不会显示任何内容，这无疑会导致浏览器在呈现页面之前会出现明显的时间上的延迟，而延迟期间的页面是一片空白。因此。我们建议在一个页面之中，可以将大量的js文件放在<body>内容的最后面，这样浏览器会首先呈现页面的内容，然后再加载这些js文件。如此一来，页面的加载时间会在视觉上缩短，打开页面的速度也会加快。
333
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
