初识JavaScript---JS的使用方法

JS介绍：

JS是运行在客户端一种解释型编程语言，前端开发的核心是JS

JS作用：

用来完成前后端交互，增加用户体验

一个网站是由结构（HTML/HTML5）、表现(CSS/CSS3)和行为(JavaScript)组成

JS组成：

        1）ECMAScript（ECMA-262）：基础语言部分，基础面向对象等
        2）DOM(W3C)：节点操作 ，接口 
        3）BOM(无标准)：浏览器操作

JS的特点：

        1）松散性：JS中变量没有一个明确的类型，也叫弱类型语言（允许将变量看做多钟类型）
        2）对象属性：对象的属性也可以映射为任意类型的数据
        3）继承机制：JS是基于原型继承的

使用JS三种方法：

 1）使用script标签<script><script/>（只能被当前文件使用）

<script type="text/javascript" defer="defer" charset="utf-8">
    //defer表示DOM（以上所有标签）加载完成之后，再执行JS的代码，目前开发也不需要
    //charset是字符编码，主要解决汉字乱码问题，目前开发不需要，前面头文件中已经涵盖
    alert('这是我的第一个JS程序'); //alert表示弹出一个警告框
</script>

           

 注意：
         1.script标签可以写在网页代码任意位置，因为JS是同步执行的(也就是前面的错误导致后面无法执行)，但为了避免JS阻塞和首先操作DOM，最好写在</body>后
         2.如果要输出script结束标签时，

                必须拆开写：alert('</script>'); -错误，只能拆开alert('</sc' + 'ript>');

2）在a标签的href中写JS代码（实际开发中不建议这样使用，因为性能差）

不会直接弹出，需要点击页面内容弹出

<a href="javascript:alert('大家好！')">大家好</a>

3）用script标签引入外部文件（推荐）

可以被多个文件使用

<script src="09_test.js" type="text/javascript" async="async"></script>

alert('我是前端新人');

 说明：
       src:引入外部JS文件的路径和文件名（只能用于JS）
       async规定异步执行脚本（仅适用于外部引入脚本），在加载DOM元素的同时可以运行JS代码