6.2.1 js javascript 介绍

一、javascript主要内容：

1. ECMAScript ： js核心的语法

2. 浏览器对象模型BOM ： 基于浏览器的

3. 文档对象模型DOM ： 整个标签的所有对象

二、为什么要学javascript

1. 表单验证

2. 制作页面特效

3. 动态改变页面内容

三、核心语法：

1. 语法约定

2. 变量

3. 注释

4. 控制语句

5. 数据类型

6. 运算符号

7. 数组

四、html引入js：

1. 外部式

<!--外链式：一般使用外链式-->
<script src="./1.js"></script>
</head>

2. 内部式

     </body>        <!--内部式建议：-->

            <!--引入的时候要在body之后，我们要等待所有的dom元素加载完成之后再去执行相应的js操作-->
        <script type="text/javascript">
            function clickhandler() {
                alert(1);
            }
        </script>
</html>
3. 行内式

<p id="p1" onclick="clickhandler()">123</p>

外部式元素内写代码块不会生效

五、注释
单行注释： //
多行注释： /**/

六、javascript的输出方式
1. document.write("") 向文档内输入内容 不会覆盖原文档的内容
2. console 控制台输出的 工具
 F12 -> Console
> document
> windows
> alert(4)
> windows.alert(123) # window的对象 windows可省略
> console.log('123')
3. console.error 向控制台抛出一个错误
　　<script type="text/javascript">
　　　　console.log('123')
　　　　console.error('xxxx')
　　</script>
4. console.dir() 输出一个对象有全部属性
5. console.clear()清除
　　每个能独立完成一个功能的功能以分号结束 这就是一个代码块
6. alert()弹出一个带有一条指定信息的消息(警告)
7. innerHTML/innerText 获取或向指定元素内添加内容
8. innerHTML获取元素内所有的内容（包括元素）,还可以解析内容的样式
9. innerText获取元素内的文本内容