初始JavaScript
js的组成:
ECMAScript:朱啊哟规定了js的组成、引入方法、命名规范、输出方式、变量、数据类型、基础语法、操作语句
- DOM : document object model 文档对象模型(可以认识别文档,才做HTML)
- BOM : borwser object model 浏览器对象模型(就是浏览器)
页面的加载顺序:
先加载css,再加载html,最后加载js,这是一个规范(习惯)。
js代码一般在body的后边
JS的引入方式
- 行内式,和html写在一行
- 内嵌式,内嵌再html结构中
- 外链式,引用一个js文件
// 行内式
<input type="button" value"按钮" onclick="alet(1)">
//内嵌式
<script>
alert(2)
</script>
//外链式
<sctipt src="./demo.js"></script>
JS的注释
- 单行注释是双斜杠“//单行注释”
码*/’ - 多行注释是双斜杠加两个号‘/很多行代
JS的输出方式
- 弹框输入'alert(1)'
- 在控制台打印'console.log(123)'
- 在页面中输出'document.write("I LOVE CODING ")'
获取DOM元素与操作DOM
DOM指的是HTML节点
- 通过id获取元素'doument.getElementByld("box");'
2.修改html标签中的内容
- innerHTML:可以识别标签
document.getElementByld("box")innerText = "<h2>硬件一班</h2>"
- innerHTML:可以识别标签
document.getElementBYld(box).innerHTML = "<h2>硬件一班</h2>"