一、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获取元素内的文本内容