JS的组成和引用方式

javascript是浏览器脚本语言。JS是单线程语言，一次只能处理一个事件，这也是它最大的特点了。JavaScript的主要用途是与用户互动，以及操作DOM。负责内容、样式、行为分离环节中的行为部分。


1、JS的组成

  • ECMAScript:ECMAScript是JS的核心，几乎没有兼容问题，可以担任解析器的角色，处理我们的逻辑代码 。
  • DOM:DOM全称document object model，是文档对象模型，定义了访问和操作HTML文档的标准，其中文档指的就是网页，把网页变成一个JS可以操作的对象；给了JS可以操作页面元素的能力；有一些兼容性问题；
  • BOM:BOM全称browser object model，是浏览器对象模型，它给了JS操作浏览器的能力，核心对象是window，有许多兼容性问题。

2、JS的引用方式

  • 外部文件script方式
<script type="text/javascript" src="JS的路径"></script>
  • 内部script写入
<script>
    //JS区域
</script>

理论上来说js标签放在html文档的任何位置都可以，规范起见，推荐放到body结束标签的末尾，包含到body标签内：

<body>
    <!-- 这里是其他的HTML标签 -->
    <script> 这里是代码 </script>
</body>

这样处理的好处是无需担心因页面未完成加载，造成DOM节点获取不到，使脚本报错的问题，而且能避免因脚本运行缓慢造成页面卡死的问题。另外，Yahoo的前端优化指南里就有这一条。

3、JS的注释方式

  • 单行注释
//
  • 多行注释
/*....*/

多多运用注释可以大大提高代码的可维护性、可读性。还可以有意想不到的惊喜哦！