【JavaScript】01-js的基本概念和引入方式

01-js的基本概念和引入方式

JavaScript

1.web三剑客之一，负责实现页面的动态效果，数据交换
2.操作html，css，向服务器发送数据请求等。
3.知识体系
    1.ECMAScript: jscore js核心内容，es6教程http://es6.ruanyifeng.com/ 
    2.BOM：浏览器对象模型，js操作浏览器
    3.DOM：文档对象模型，js操作html文档

###JS的三种引入方式：

1.外部脚本:
    script标签的src属性中指定外部js文件路径
2.内部脚本
    直接在script标签中编写js代码
3.内嵌脚本
    html元素中一定要有事件属性，js代码作为事件属性的值(javascript:作为前缀)
    
注意：
    1.通常建议将js引入在/body标签之上，body的末尾
    2.针对比较重要的js，我们建议放在head标签内部
    3.针对局部效果的js，我们可以放在html页面的对应作用位置

实例：

<body>
    <div id="div1" onclick="javascript:document.write('<h1>hello world</h1>');">
    </div>
    
    <!--引入外部脚本-->
    <script src="js/demo01.js" type="text/javascript" charset="utf-8"></script>
    
    <!--内部脚本-->
    <script type="text/javascript">
        document.write("<h1 aligh='center'>hello world</h1>");
    </script>
<body>