初识JaveScript
js的组成:
ECMAScript:主要规定了js的组成、引入方式、命名规范、输入方式、变量、数据类型、基本语法、操作语句
+DOW:document、object、model文档对象模型(可以识别文档、操作HTML)
+BOW:browser、object model 浏览器对象模型(就是浏览器)
页面的加载顺序:
先加载css,在加载js、这是一个规范(习惯)。
is代码一般在body的后面
js的引入方式
+行内式,和html 写在一行
+内嵌式,内嵌在html结构当中
+外链式,引用一个js文件
//行内式
<input type="button"value="按钮"onclick="alert(1)">
//内嵌式
<script>
aliet(1);
</script>
//外链式
<script src="./dome.js"></script>
js的注释
- 单行注释是双斜杠
// 单行注释
- 多行注释是双斜杠加两个*号
/*很多行代码*/
js的输入方式
- 弹框输出
alert(1);
- 在控制台打印
console.log(123);
- 在页面中输出
document.write("I LOVE CODING");
获取DOW元素与操作DOW
DOW指的是HTML节点
1.通过id获取元素document.getElementByld("box");
2.修改html标签中的内容
- innerTest:只可以标识文本,不识别标签
document.getElementByld("box").innerTest="<h2>硬件一班</h2>"
- innerHTML;可以识别标签
document.getElementByld("box").innerTest="<h2>硬件二班</h2>"