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