前端基础学习笔记 JS属性小结以及第一个js函数

JS属性小结

注释快捷键

单行注释  ctrl + /
多行注释  shift + alt + a

js三大模块

es

DOM=> 文档对象模型 提供页面元素和方法的整合工具箱
BOM => 浏览器对象模型  提供浏览器对象和方法的整合工具箱

js 三大作用

1. 可以改变我们html标签 属性 样式
2. 支持鼠标事件 键盘事件 实现交互效果
3. 实现和数据库连接,做数据交互 =>动态页面
4. 一些延伸作用,js是与bom js能再更多的地方都可以应用

js的存放位置

不常用 => 标签内 行内 <div id="wrap" onclick="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;
}