与生俱来人中首-CSDN博客

原创 WebApi第五天

一、浏览器窗口的宽高console.log(window.innerWidth, login.offsetWidth)=>浏览器窗口的宽console.log(window.innerHeight, login.offsetHeight)=>浏览器窗口的高二、window对象// 等到页面上所有的资源全部加载完毕之后再触发 window.onload = function () { // 窗体加载完成包括文档树的加载、还有图片、文件的加载完成。...

2021-07-02 22:43:14 226

原创 WebApi第四天

一、注意点1、局部变量无法保存上一次的结果2、根据数组数据来批量克隆模板3、将模板数据动态化=>数组名[index] => 数组的每一项 => 对象 => 数组名[index].属性名4、优先级=>z-index => style.zIndex二、鼠标位置信息1、document.onclick = function (event) { console.log(event.screenX, event.screenY); // 相对于屏幕的位置...

2021-06-24 22:31:09 97

原创 WebApi第三天

一、节点查找1、父元素 => parentNode2、子元素 => children // 是一个伪数组集合3、firstElementChild 第一个孩子4、lastElementChild 最后一个孩子5、nextElementSibling=>下一个兄弟元素6、previousElementSibling=>上一个兄弟元素二、创建节点1、document.createElement('标签名称')=> 返回的是一个新创建出来的标签默认都是在内存里面存放

2021-06-23 21:58:35 131

原创 WebApi第二天

一、style的操作样式style对象操作样式的特点1. 每一个DOM对象都有一个style属性(标签的行内样式), style属性的值是一个对象，里面存储了所有行内样式对应的键值对。2. 如果样式的名字带了 -，比如background - color, 到了style对象中，变成了驼峰命名法，backgroundColor（因为 - 在js中 - 会被解析成减号）3. style属性只能获取和设置行内样式，在类样式中定义的样式通过style获取不到。4、动态的css推荐使用style方式设置二

2021-06-21 21:21:29 109

原创 WebApi第一天

一、DOM初体验1、语法：document.getElementById(id名称)=>通过id获取到对应的DOM对象=>返回一个DOM对象 (标签) 1.1. 通过API获取了图片的DOM对象 1.2. 通过对象的改语法修改了src属性 1.3. 一旦DOM对象的标签属性被修改,会自动映射到页面上去2、获取DOM对象的方式语法：document.querySelector('css选择器') 参数：css选择器标签/类/id/后代/子...

2021-06-20 20:21:06 68

原创本地存储的规则

五、本地存储1、存储 localStorage.setItem('设置的属性名','值')2、注意：本地存储只能存储字符串, 所以转换成JSON字符串 (JSON格式要求除了数字和布尔, 只能用双引号) 2.1、存储的是复杂数据类型直接将对象存储到本地里面去 => 会丢失数据 => [object Object]- 所以将复杂数据类型转化成JSON字符串 let obj = { a:1, ...

2021-06-19 20:41:39 379

原创 JS基础（下）

一、for循环与while循环1、介绍：在循环中, 有特别常见的循环四要素 1.1、循环变量初始值 1.2、循环条件 1.3、循环体 1.4、循环变量的运算2、语法： for (循环变量初始值; 循环条件; 循环变量的运算) {循环体}3、for循环执行顺序逻辑：循环变量初始值==>循环条件==>循环体==>循环变量的运算==>循环条件==>循环体==>循环变量的运算4、while更适合使用在不明确循...

2021-06-18 18:48:13 175

原创 JS基础 (上)

一、感知JS <script src="路径"></script> <script> alert('hello world'); // 往网页弹出一个弹出框 // 但凡是中文或者绝大部分的英文都需要添加上引号 => 字符串 </script>二、JS的运行环境1、alert('弹出框'); // 弹出框 => 往网页上直接弹出 ...

2021-06-17 20:16:52 99

原创 JQurey第三天

一、补充 :checked 选择器选中所有被选中的复选框 $('被选中的复选框:checked') //获取到所有被选中的复选框二、尺寸——位置1、尺寸 1.1、$('css选择器').css('width') //获取匹配元素当前计算的宽度值 .width 400px 带单位 1.2、$('css选择器').width() // 获取匹配元素当前计算的宽度值 .width() 400 ...

2021-06-15 20:56:21 268 3

原创 JQuery第二天

一、事件-注册 - on的更多用法1、给标签同时注册多个事件 =>每一个事件,都拥有不同的处理函数语法: $('css选择器').on({事件类型:事件处理函数,事件类型:事件处理函数})2、给标签同时注册多个事件=>每一个事件 ,拥有相同的处理函数语法: $('css选择器').on('事件类型事件类型 ',事件处理函数) //多个事件类型以空格隔开,不是逗号二、事件 - 解绑解绑事件 .off() 方法 => 如果不传参...

2021-06-13 21:18:01 164 2

原创 JQuery第一天

一、JQ入口函数1、原生js的入口函数：等待html标签和dom树渲染完成,资源(图片,音频视频)都加载完成后执行 window.onload = function () { console.log('原生js入口函数执行完成'); }; 2、JQ的入口函数：等待htmlbq和dom树渲染完成,不需要等待资源(图片,音频)等加载完成后就执行了 $(document).ready(function () { 函数体 }); // 简写 - 重点 //...

2021-06-12 20:02:04 139 1

Bear_with_her的博客