JS属性小结
注释快捷键
单行注释 ctrl + /
多行注释 shift + alt + a
js三大模块
es
DOM=> 文档对象模型 提供页面元素和方法的整合工具箱
BOM => 浏览器对象模型 提供浏览器对象和方法的整合工具箱
js 三大作用
- 可以改变我们html标签 属性 样式
- 支持鼠标事件 键盘事件 实现交互效果
- 实现和数据库连接,做数据交互 =>动态页面
- 一些延伸作用,js是与bom js能再更多的地方都可以应用
js的存放位置
不常用 => 标签内 行内 <div id="wrap" οnclick="alert()"></div>
常用 => 内部script标签内存放js 写在body结束标签之前
=> 外部js <script src=""> 写在body结束标签之前
script标签不能又引入 又内部
获取元素
此项是获取id对应的盒子标签:document.getElementById("wrap") => <div id="wrap">123</div>
获取wrap内的内容 document.getElementById("wrap").innerHTML
可以对wrap的内容进行修改 document.getElementById("wrap").innerHTML = 123123123;
innerHTML 会解析出 标签 获取时 获取标签还有内容 甚至注释
innerText 不会解析出标签 只获取文本
我的第一个声明函数:
let yy = document.getElementById("wrap");
yy.onclick = function () {
yy.innerHTML = yy.innerHTML + 456;
}