初识JavaScript
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="按钮" oncllck="alert(1)">
// 内嵌式
<script>
alert(2):
</script>
// 外链式
<script src="./demo.js"></script>
JS的注释
- 单行注释是双斜杠 //单行注释
- 多行注释是双斜杠加两个号 / 很多行代码 */
JS的输出方式
- 弹框输出
alert(1)
- 在控制台打印
console.log(123)
- 在页面中输出
document(“I LOVE CODING”)
获取DOM元素与操作DOM
DOM指的是HTML节点
1.通过ID获取元素 document.getElementByld(“box”)
2.修改html标签中的内容
- innerText:只可以识别文本,不可以识别标签
`document.getElementByld(“box”).innerText=“<h2>硬件一班<h2>” - innerHTML:可以识别标签
`document.getElementByld(“box”).innerHTML = "<h2>硬件一班<h2>"