温故而知新，再学一遍Javascript
html中使用Javascript有两种方式：
- 通过<script>元素在html页面中直接嵌入代码。
- 通过使用<script>元素的属性：src 引用外部JS文件。
注意：如果在<script></script>中使用src属性引入外部JS文件,同时又在其内部嵌入Javascript 代码，则嵌入的代码会被忽略。
关于<script>元素：
<script>的属性共有六个。
- src：可选。要引入的脚本文件的存放路径，可以是相对路径也可以存放在网上的url路径。
当使用属性src引入外部文件时，以下3个属性是有效可选的：
- async：可选。表示应该立即下载脚本，在多个外部脚本一同下载时，谁先下载完毕就先执行谁；所以使用异步加载脚本文件时，要确保他们互不依赖。注意：异步脚本一定会在页面的 load 事件前执行，但可能会在 DOMContentLoaded 事件触发之前或之后执行。
- defer：可选。告诉浏览器立即下载，但延迟执行，表示在页面完全被解析和显示之后再执行脚本。即是浏览器遇到页面结束标志符</html>再执行脚本。按照HTML5 规范，是要求脚本按照它们出现的先后顺序，自上而下执行的。但是现实中，延迟脚本并不一定会按照顺序执行，也不一定会在 DOMContentLoaded 事件触发前执行。因此整个页面包含一个延迟脚本是一个不错的选择。
- charset：可选。表示通过 src 属性指定的文件的字符集。
· language：已废弃。
- type：可选。表示脚本语言的 MIME 类型（内容类型），默认值： text/Javascript
它的值通常是以下一些：
- text/Javascript
- text/ecmascript
- application/Javascript
- application/ ecmascript
以下两种写法是等价的：
注意：JS嵌入代码块内不能出现“</script>”字符串
当浏览器遇到字符串”</script>”时就会认为代码块已经结束，造成解析错误。如果确实需要显示，则应使用转义符：
错误写法：
应用转义符的正确写法：
在 XHTML 文档可以使用下面这种简化的引用外部脚本的形式
<script type="text/Javascript" src="myJavascript1.js" />
但是它不是标准的形式，在html页面中使用会导致某些浏览器不能正确识别解释，如IE。
所以建议使用如下的形式：
<script type="text/Javascript" src="myJavascript1.js"></script>
经验之谈：如果你的web页面引用的外部脚本是来自你不可控的服务器，如：别人的服务器，要注意别人随时可能更改服务器脚本代码，造成你的页面出错或者嵌入恶意代码，如自动弹出广告等情况的出现。
嵌入JS代码和引用外部JS文件的应用选择：
推荐使用“引用外部文件”的形式,因为它：
- 更容易维护，程序员可以在不用理会html页面情况下，只专心维护Js独立文件即可。
- 利于复用，加快页面加载。如果多个页面使用同一个Js文件，只需要下载一次即可，其他页面直接从缓存中读取，可加快页面加载显示，更好的用户体验。
关于<noscript>元素
当当前浏览器不支持脚本，或者浏览器支持脚本，但脚本被禁用时，为了让程序更友好，我们可用使用<noscript>当前页面需要浏览器支持（启用）Javascript！</noscript> 进行友好提示。
本节内容到此结束，下一节，一起学习一下：在hmtl页面什么位置引入JS文件或者代码块比较合理？使用户体验更好。有兴趣的朋友可用关注一下小编。
原创文章，作者：芒小种，如若转载，请注明出处：http://www.fhgg.net/shenghuobaike/50704.html
本文来自投稿，不代表【食趣网】立场，如若转载，请注明出处：http://www.fhgg.net/
